Customize - live preview
The builder’s 5-step wizard guides you: Start → Brand (Colors/Fonts/Feel) → Components → Preview (Desktop/Tablet/Mobile + Light/Dark) → Download. Deterministic extraction - where URL/Figma values aren’t detectable, defaults are kept.
- Brand: palette + status colors, heading/body fonts (Google/system/custom), radius (sharp/soft/rounded/pill/custom), shadows, motion. See Tokens and Fonts.
- Components: 46 in 6 groups, expandable. Ship only what you tick as a bespoke SCSS system. Locked Pro items show a Pro badge.
- Preview: width slider from 320px to 1280px, device presets, dark toggle - same CSS you download.
Advanced controls (mono, heading H1–H6 pins, line-heights, type styles, breakpoints) hide behind “Advanced” - power without overwhelm.