Usage alert
Warns a team that bandwidth and function invocations are close to the plan limits.
Subject line: Your team has used 86% of its monthly bandwidth. Designed for Stackwise, a fictional developer tools brand. Swap the logo, colors and images for yours. Replace each {{variable}} with your own value.
Meters
A headline bandwidth meter, a per resource table of bars and a tinted upgrade block.
Dashboard
Dark header with one oversized percentage, then a grid of resource cards.
Variables
| Variable | Example | Description |
|---|---|---|
team_name | Acme Engineering | Name of the team that owns the resource. |
bandwidth_percent | 86 | Share of bandwidth used, without the % sign. |
reset_date | October 1 | Date usage counters reset. |
logo_url | https://assets.ui.sh/marks/1.svg?text=Stackwise&color=%2322d38a&textColor=%230a0a0a&font=space-grotesk | Stackwise logo for light backgrounds. |
logo_dark_url | https://assets.ui.sh/marks/1.svg?text=Stackwise&color=%2322d38a&textColor=%23fafafa&font=space-grotesk | Stackwise logo for dark backgrounds. |
plan_name | Hobby | Current plan of the team. |
billing_period | Sep 1 to Sep 30 | Current billing period. |
bandwidth_used | 86 GB | Bandwidth used this period. |
bandwidth_limit | 100 GB | Bandwidth included in the plan. |
invocations_used | 970K | Function invocations this period. |
invocations_limit | 1M | Function invocations included. |
invocations_percent | 97 | Share of invocations used, without the % sign. |
build_minutes_used | 2,460 | Build minutes used. |
build_minutes_limit | 6,000 | Build minutes included. |
build_minutes_percent | 41 | Share of build minutes used, without the % sign. |
images_used | 620 | Source images optimized. |
images_limit | 1,000 | Source images included. |
images_percent | 62 | Share of image optimizations used, without the % sign. |
upgrade_plan_name | Pro | Plan suggested in the upgrade block. |
upgrade_price | $20 | Monthly price of the suggested plan. |
upgrade_url | https://stackwise.dev/acme/settings/billing?plan=pro | Link to upgrade the plan. |
usage_url | https://stackwise.dev/acme/usage | Link to the usage dashboard. |
notification_settings_url | https://stackwise.dev/account/notifications | Link to the notification preferences. |
company_address | Stackwise Inc., 548 Market Street, San Francisco, CA 94104 | Postal address of the sender. |