01 — Foundations
Styleguide
A restrained, cool-neutral base with Electric Blue for trust and Teal for the funk.
Color
Semantic tokens — components read --qf-primary, not ramp steps directly.
Primary — Electric Blue
50
100
200
300
400
500★
600
700
800
900
Accent — Teal · the funk
50
100
200
300
400
500★
600
700
800
900
Typography
Space Grotesk — display
Plus Jakarta Sans — body copy for UI and longer text.
JetBrains Mono — code, links, metadata
Components
Buttons
Inputs
Alerts
Heads up. Editing the destination updates everywhere instantly.
Code claimed. qrfunk.to/maya-r is yours.
Expiring soon. Renew to keep collecting.
Error. Couldn't reach the destination.
Badges
Live
Expiring
Draft
Token reference
--qf-bg, --qf-surface, --qf-fg, --qf-fg-muted
--qf-primary, --qf-primary-hover, --qf-primary-soft
--qf-accent, --qf-accent-soft
--qf-success, --qf-warning, --qf-danger
--qf-font-display, --qf-font-body, --qf-font-mono
--qf-radius-md, --qf-radius-lg, --qf-radius-xl
--qf-shadow-sm, --qf-shadow-md, --qf-shadow-lg
Full token list in styles/static/styles/css/tokens.css