Specimens
29 CARDS · LOADING
← Back to hub
Foundations
Design System
Specimens
29
cards
5
sections
Type · Colors · Spacing · Components · Brand
Type
6 cards · Inter + JetBrains Mono
Type · Hero
Inter · 80 / 900 · -0.04em
Type · Section
Section heading · 48 / 800
Type · Body
Lead + paragraph + caption
Type · Mono
JetBrains Mono · stats + IDs
Type · Eyebrow
Tracked caps · 0.20em
Type · Wordmark
YardFlow lockup variants
Colors
5 cards · semantic palette · OKLCH
Colors · Canvas
Void + surfaces
Colors · Neon
#00B4FF · primary
Colors · Ember
#FF2A00 · warn + variance
Colors · Steel
Greys + dim variants
Colors · Variance
Success / warn / fail / pending
Spacing
4 cards · radii · shadows · motion
Spacing · Scale
4 / 8 / 12 / 16 / 24 / 32 / 48
Spacing · Radii
2 / 4 / 8 / 12 / 18 / pill
Spacing · Elevation
Card + popover + modal
Spacing · Glow
Neon · ember · success
Spacing · Motion
Easing + duration tokens
Components
9 cards · buttons · cards · status · surfaces
Button · Primary
Neon · default / hover / disabled
Button · Secondary
Steel-outline · neon accent
Button · Ghost
Borderless · for inline use
Form · Inputs
Text · select · search · focus
KPI Block
Big-number stat + unit + source
Module Card
flowDRIVER / TWIN / GATE pattern
Status · Pulse
Live · pending · breach · idle
Surface · Shell
Console nav + body frame
Surface · Tool
Floating tool / inspector panel
Brand
4 cards · logos · lockup · iconography
Logo · Marks
Route glyph variants
Brand · Lockup
YardFlow by FreightRoll
Icons · Set
Yard / gate / dock glyph family
Chain of Custody
Trust signal · MACHINE VERIFIED
