Design system
Pinterest-style: content first, white background, pill buttons, 16px card radius, masonry grid. Full specification lives in design.md.
Colors
--bg · #ffffff
--text · #111111
--text-2 · #5f5f5f
--text-3 · #8e8e8e
--accent · #e60023
--accent-hover · #ad081b
--pill · #efefef
--pill-hover · #e2e2e2
--line · #e9e9e9
Typography
H1 heading · 28px / 600
H2 heading · 20px / 600
Body text · 16px / 400, line-height 1.5.
Secondary text · #5f5f5f.
Small text · 12px, #8e8e8e.
Buttons
Chips & pills
ActiveMinimalistDarkGradient
Form fields
Radii & spacing
Cards 16px · buttons/chips/inputs fully rounded (9999px) · modals 32px. 4px spacing scale, 16px masonry gutter (8px on mobile).