Harden.run Design System
Live theme editor — tweak tokens on the left, search and browse every component on the right.
Typography — Headings
TypographyDisplay
36px · 1.1 · 700 · -0.02em
Heading 1
26px · 1.2 · 600 · -0.015em
Heading 2
18px · 1.3 · 600 · -0.01em
Heading 3
14px · 1.4 · 600 · -0.005em
Typography — Body
TypographyBody — default paragraph and table cell text.
13px · 1.55 · 400
Small — meta text and captions.
12px · 1.5 · 400
Label — column & group headers
11px · 1.4 · 600 · 0.1em · uppercase
aws deploy · az deploy
Mono · 13px · 1.5 · 500
Sidebar Navigation
NavigationBreadcrumb
NavigationPage Tabs
NavigationSearch & Filter Toolbar
FiltersSeverity Filter Chips
FiltersEngine / Data-Class Filter Chips
FiltersCards
SurfacesEmpty State
SurfacesTerminal
Surfaces$harden scan --repo api --engine sast,sca
→ cloning github.com/harden-run/api…
→ 3 findings (1 critical, 2 medium)
✓aws deploy — policy generated
✗az deploy — blocked: PII egress
Button Variants
ActionsButtons with Icons
ActionsButton Sizes
ActionsDisabled Buttons
ActionsToggle
ActionsSeverity Badges
StatusFinding State Badges
StatusEngine / Data-Class Tags
StatusRuntime Status Badges
StatusForms
FormsTable
Data| ID | Finding | Severity | Engine | Repo | |
|---|---|---|---|---|---|
| F-1042 | Hardcoded AWS secret key | Critical | SCA | api | |
| F-1041 | SQL injection via unescaped input | High | SAST | web | |
| F-1038 | Verbose error messages leak stack trace | Medium | SAST | api | |
| F-1030 | Outdated TLS cipher suite allowed | Low | SCA | infra |
Pagination
DataAvatars
DataAccordion
DataDialog, Sheet, Popover, Tooltip & Dropdown
OverlaysDialog
Sheet
Popover
Tooltip
Dropdown Menu
Alert Dialog
OverlaysCommand Palette
OverlaysCommand Palette
Search for a command to run...
Collapsible
OverlaysHover Card
OverlaysAlerts
FeedbackProgress
FeedbackScan progress — 5 / 20 completed today