Visual verification of the tokens and base components — colors, type scale, buttons, cards, badges, and the Signal Chevron mark. No real page content here: header, hero, and sections will be built on top of this foundation.
Surfaces
--color-bg#111315
--color-bg-alt#16191C
--color-surface#1C2023
--color-surface-2#24292D
--color-border#262B30
--color-border-strong#6C7680
Text
--color-text#F2F4F6
--color-text-muted#A7ACB3
--color-text-faint#7B828C
Accent
--color-accent#4A87FF
--color-accent-strong#71A0FF
--color-accent-dim#2E5FCC
--color-accent-ink#111315
Semantic
--color-success#2FB673
--color-warning#FF8A1E
--color-error#FF5459
--color-info#A78BFA
Type scale
--fs-xs
Live Signal
--fs-sm
Live Signal
--fs-base
Live Signal
--fs-md
Live Signal
--fs-lg
Live Signal
--fs-xl
Live Signal
--fs-2xl
Live Signal
--fs-3xl
Live Signal
--fs-4xl
Live Signal
--fs-5xl
Live Signal
Buttons
Badges
Live Popular4K Ultra HDActiveExpiring SoonUnavailableNew
Cards
Popular
Standard Card
Base surface, sharp corners, hairline border and a light shadow.
Interactive Card
Hover or keyboard-focus: it lifts.
Live
Card With Live Badge
The live badge pairs the Signal Chevron with a status label.