QUOK88 — Tier A
Tier A — premium delivery: full Tailwind theme and hover trailers when content is present.
source: ua-fallback · env: unknown
QUOK88 — Visual Contract v0.1.0 · ADR-0003
Token pipeline check
Every swatch on this page reads from a CSS variable emitted by @quok88/visual-contract. If the contract changes and the
generator runs, this surface updates.
Primary palette
Background
background · #0A0B12 · background
Surface
surface · #14161F · surface
Surface Elevated
surface-elevated · #1D2030 · surface
Outline
outline · #2D3144 · surface
Foreground
foreground · #F2EEE2 · foreground
Foreground Muted
foreground-muted · #948D7E · foreground
Accent
accent · #E6A93B · accent
Accent Deep
accent-deep · #A87622 · accent
Semantic palette
Warning
warning · #D77F3E
Success
success · #6E9B6F
Destructive
destructive · #B84940
Gradients
hero-veil
amber-rise
editorial-scrim
Typography
Display — Fraunces
Body — Inter. The quick brown fox jumps over the lazy dog. 0123456789.
Mono — JetBrains Mono. scale_ratio = 1.25 · base = 16px
Motion
ease/emphasized
cubic-bezier(0.2, 0, 0, 1)
ease/standard
cubic-bezier(0.4, 0, 0.2, 1)
ease/decelerate
cubic-bezier(0, 0, 0.2, 1)
ease/accelerate
cubic-bezier(0.4, 0, 1, 1)
duration/instant
75ms
duration/fast
150ms
duration/standard
300ms
duration/slow
600ms
duration/cinematic
1200ms