Dashboard
Good afternoon, Jon
Active users
12,402
Active
3
Churn
2.1%
Recent activity
Developer-clear with status colors — the open-source product UI lingua franca.
Logomark
Disk + wordmark. Always pair with at least 8px of clearspace. Use #1f883d background or invert for dark surfaces.
Voice
Design principles
Vibe · inspired by GitHub Primer
Reads like documentation that respects you. Mona Sans (open-source) on white, with the famous fg/muted pattern for statuses: every alert is a soft tinted background with matching dark text. Calm utilitarian — color supports meaning, never primary emphasis. The kind of system you can ship to thousands of contributors without anyone arguing about it.
Comparable to: GitHub, GitLab, Sourcehut
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
GitHub Primer 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 github from "github-primer" const result = await github.deploy({ env: "production", tag: "v1.0", timeout: 3600, }) // Deploy in seconds
$ github-primer 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 |
|---|---|---|---|
| #0F172A | #FFFFFF | 17.85 · AAA | Body, headings |
| #6B7280 | #FFFFFF | 4.83 · AA | Secondary text |
| #1f883d | #FFFFFF | 4.52 · AA | Brand actions (button bg) |
| #FFFFFF | #1f883d | 4.52 · AA | Brand button (text on primary) |
| #EF4444 | #FFFFFF | 3.76 · AA Large | Danger states |