Quick start
Install in one command.
npx webdesignhot add — drop the design tokens into your repo.
Get startedEDITORIAL · TYPE · COLOR
webdesignhot — the kitchen sink.
Every primitive in the system, styled straight from tokens. Use this page as a visual contract — if something looks right here, it will look right in your product.
01 · Typography
Display
The quick brown fox jumps over the lazy dog. 0123456789 — & ?!.,
Headline 3
Sample body copy at the system's default size and leading. Reading width is intentionally narrow so an em-dash lands between words — eyes stay locked.
02 · Color
bg
surface
surface-alt
brand
text
03 · Buttons
04 · Cards
Patterns
A complete kit.
Hero, pricing, FAQ, dashboard, docs — every layout your product needs.
View patterns05 · Inputs