Tier 1Tier 1 · Web (www / app / auth). The full design system: our component library and the components.css recipe. This is the one tier where the recipe is the contract, native tiers take the tokens and nothing else.--yellow-solid · --green-solid · --solid · --component-bg-hover
Storage bar, the most-glanced component in the app
Three states. Healthy shows a breakdown by file type (Archivist persona wants this). Warn kicks in at 80%.

Over turns red and surfaces a clean-up CTA. Numbers are font-variant-numeric: tabular-nums so the percent doesn't jitter.
32.4 TB of 50 TB
65%
Video · 19.0 TB Audio · 6.0 TB Docs · 2.5 TB Archive · 3.0 TB Other · 1.9 TB
Compact · sidebar
Storage 39.0 TB free
11 TB of 50 TB used
Warn at 80% · Over at 95%
82 GB of 100 GB
82%
97 GB of 100 GB
97% · cleanup needed
In-app upsell, paired with the warn / over states
When a 100 GB user is constantly cleaning up, surface this directly above the storage bar. Never as a banner across the whole app.
You've cleaned up 14 GB this month.

Based on your usage, 1 TB would save you ~3 hours of cleanup per month.