Background
#0f172a
Text
#f8fafc
Surface
#1e293b
Primary
#3b82f6
Primary Text
#ffffff
Accent
#06b6d4
Accent Text
#0f172a
Muted
#334155
Border
#334155
Typography
Heading and body font samples at common sizes.
Heading 1 — Space Grotesk
Heading 2 — Section title
Heading 3 — Card title
Body text at 16px — DM Sans. Use this for paragraphs, descriptions, and long-form content. Maintain comfortable line height and high contrast for readability.
Small text at 14px — captions, metadata, helper text.
Color palette
All semantic tokens from your brand kit.
Background
#0f172a
Foreground
#f8fafc
Card
#1e293b
Primary
#3b82f6
Primary FG
#ffffff
Accent
#06b6d4
Accent FG
#0f172a
Muted
#334155
Border
#334155
Buttons
Primary actions, secondary, accent, and outline variants.
Badges & tags
Form elements
Inputs, selects, and text areas on brand surfaces.
Cards & surfaces
Analytics
12.4k
+12% this month
Revenue
$48.2k
+12% this month
Users
3,891
+12% this month
Alerts & notices
Navigation
Dashboard preview
A mini layout combining nav, stats, and content.
Views
24.5k
Clicks
8.2k
CTR
3.4%
Revenue
$1.2k
Data table
| Name | Status | Role | Last active |
|---|---|---|---|
| Alex Chen | Active | Admin | 2 hours ago |
| Sarah Kim | Active | Editor | 2 hours ago |
| James Wright | Away | Viewer | 2 hours ago |