Dashboard
Good afternoon, Jon
Active users
12,402
Active
3
Churn
2.1%
Recent activity
Playful custom browser — colorful sidebar tabs, rounded everything, personal-color theming.
Logomark
Disk + wordmark. Always pair with at least 8px of clearspace. Use #FF5733 background or invert for dark surfaces.
Voice
Design principles
Vibe · inspired by Arc Browser
Arc Browser's identity is anchored in user-customized 'spaces' — pick a color, pick a gradient, and your whole browser takes that personality. Heavy rounded radii, soft shadows, lots of glassy/blurred surfaces. Feels like a browser that wants to be your favorite app, not a utility.
Comparable to: Arc Browser, Sigma OS, Microsoft Edge Workspaces (more conservative)
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
arc-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 arc from "arc-inspired" const result = await arc.deploy({ env: "production", tag: "v1.0", timeout: 3600, }) // Deploy in seconds
$ arc-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 |
|---|---|---|---|
| #1A1814 | #FAF7F0 | 16.57 · AAA | Body, headings |
| #878477 | #FAF7F0 | 3.51 · AA Large | Secondary text |
| #FF5733 | #FAF7F0 | 2.95 · Fail | Brand actions (button bg) |
| #FFFFFF | #FF5733 | 3.15 · AA Large | Brand button (text on primary) |
| #EF4444 | #FAF7F0 | 3.52 · AA Large | Danger states |