Foundations
The decisions everything else is built on: type, color, space, layout, surfaces, motion and icons. Each one is a set of tokens in css/tokens.css.
01 — All foundations
- TypographyInter, the type scale, weights, text colors and links.
- ColorThe Jewel palette, background palettes, status colors and the tokens components use.
- Spacing and sizingThe spacing scale, control heights, icon sizes, radii, rules and compact density.
- Layout and gridThe 12-column grid, breakpoints, page structure and stacking order.
- Panels and surfacesGlass and solid panels, the content panel shape, the knockout and the background.
- MotionDurations, easing curves and reduced motion.
- IconsThe hairline icon set: Lucide at Jewel’s stroke, in one sprite.