ARTSABERS — Kyber Hull - Nerdworks HQ

Metadata

Name Version (e.g. SG1) Description

Typography

Primary font

Scale (px)

display h1 h2 h3 h4 body_lg body body_sm eyebrow micro

Line heights (unitless)

tight heading body card ui

Letter spacing

tight heading normal wide wider widest label

Colours

Primary Secondary Tertiary Dark Light Accent Text Button Positive Neutral Negative

Semantic Tokens

--bg-hero --bg-section --bg-section-alt --bg-panel --bg-panel-elevated --bg-panel-recessed --bg-footer --bg-card --bg-card-elevated --bg-card-inner --text-body --text-heading --text-dim --text-forge --text-on-primary --seam-glow --seam-glow-deep --chrome-top-edge --chrome-side-glint --cta-gradient-top --cta-gradient-mid --cta-gradient-bottom --capture-gradient-top --capture-gradient-bottom --bg-section-deep --error

Border Radius

none sm md lg xl

Spacing Scale

space-1 space-2 space-3 space-4 space-5 space-6 space-7 space-8 space-9 space-10

Borders

hairline regular thick

Shadows

panel-lift panel-lift-hover chrome-top chrome-top-soft chrome-corners ember-glow-sm ember-glow-md ember-glow-lg ember-seam-glow ember-seam-below ember-backlight ember-hot-rim modal-glow

Container Widths

narrow default wide

Breakpoints

mobile tablet desktop wide