Dashboard
Good afternoon, Jon
Active users
12,402
Active
3
Churn
2.1%
Recent activity
Soft pink DTC beauty — Glossier Millennial Pink, friendly sans, mirror-selfie photography.
Logomark
Disk + wordmark. Always pair with at least 8px of clearspace. Use #FAB1B5 background or invert for dark surfaces.
Voice
Design principles
Vibe · inspired by Glossier
Glossier essentially invented (or at least canonized) Millennial Pink as a beauty-DTC color. Soft pink and cream with friendly modern sans, lots of skin-as-content photography. Feels like a beauty brand that started as an Instagram feed and never quite left.
Comparable to: Glossier, Rare Beauty, Drunk Elephant
Primary scale
Neutrals
Semantic
Brand accents
Weights
Spacing
Radius
Shadow
Buttons · variants
Buttons · sizes
Buttons · with icon
Form controls
This value isn't valid.
Precision
Advanced
Anonymous metrics
Help improve the product.
Slider
Total iterations. Use 0 to run unlimited.
Dropdown menus
Closed (trigger)
Open
Badges & tags
Avatars
KPI cards
Active users
Conversion
Revenue
vs. last period
Churn
this month
Feature cards
One source of truth: colors, type, spacing, radius, shadow. Generated artifacts derive from a single JSON.
Buttons, inputs, cards, tables, alerts — every recipe keyed to the brand's CSS variables.
Real-time charts, status, and KPIs. Live data layouts that survive long sessions and dense tables.
Complex card · domain object
Started 14m ago · 7.5k / 12k steps · ETA 9m
Loss
1.04
Throughput
2,412
Memory
14.2 GB
Learning rate
5e-5
Pricing cards
For tinkering and learning.
For serious work.
For teams at scale.
Data table
| ID | Name | Status | Metric | Owner | Updated | |
|---|---|---|---|---|---|---|
| #482 | production-deploy | Running | 1.04 | JR Jon R. | 14m ago | |
| #481 | data-pipeline | Done | 0.87 | DK Daniel K. | 2h ago | |
| #480 | backfill-2026 | Paused | 1.22 | AL Alex L. | 5h ago | |
| #479 | notifications | Failed | — | MP Maya P. | 1d ago | |
| #478 | scratch | Draft | — | JR Jon R. | 2d ago |
Alerts & banners
Deployment complete.
All checks passed. Live in production after 14m 28s.
Memory approaching limit.
14.2 / 16 GB used. Consider scaling up before the next batch.
Run #479 failed.
CUDA out of memory at step 312. View logs for full stack trace.
New version available.
v1.1.0 dropped today. Drop-in compatible with your current config.
Unlock unlimited projects, priority support, and the full team workspace.
Tabs
Underline
Pill (segmented)
Chip filter
Modal / dialog
glossier-inspired v1.0 will go live to production. Estimated 14 minutes.
Toasts
Run started
#482 · production cluster
Checkpoint saved
step-7000.bin · 2.1 GB
Tooltips
Progress & loaders
Linear
Circular
Processing
7,520 of 12,000
ETA 9m 22s
Skeleton
Code & terminal
import glossier from "glossier-inspired" const result = await glossier.deploy({ env: "production", tag: "v1.0", timeout: 3600, }) // Deploy in seconds
$ glossier-inspired deploy --tag v1.0 ✓ Validated config (4.0K) ✓ Resolved dependencies (24) ⚡ Starting deployment… step elapsed status ──── ─────── ────── 0500 0:14 ✓ 1000 0:28 ✓ 7520 9:22 ← live
Charts
Throughput
requests / sec
Loss
live run
Allocation
Empty state
Kick off your first project to see it appear here. We'll keep you posted as things happen.
Breadcrumbs & pagination
Dashboard
Active users
12,402
Active
3
Churn
2.1%
Recent activity
Best for
Avoid for
Contrast ratios. WCAG AA target ≥ 4.5 for body text, ≥ 3 for large text or UI components.
| Foreground | Background | Contrast | Use |
|---|---|---|---|
| #1A1A1A | #FFFFFF | 17.4 · AAA | Body, headings |
| #7E7878 | #FFFFFF | 4.33 · AA Large | Secondary text |
| #FAB1B5 | #FFFFFF | 1.75 · Fail | Brand actions (button bg) |
| #000000 | #FAB1B5 | 12.02 · AAA | Brand button (text on primary) |
| #EF4444 | #FFFFFF | 3.76 · AA Large | Danger states |