The design system
behind getdesign.
A living design.md, rendered. Every swatch copies its CSS variable. Every component is the real component. If you'd like this for your site, that's the whole product.
Logo
Minimum clear space equals the height of the mark on all sides.
Pair the mark with the split wordmark on primary surfaces.
Don't recolor the brackets; they always inherit currentColor.
Use the mono variant on photography, OG cards, and accent fills.
Don't stretch, rotate, or add effects to the mark.
Palette
Typography
getdesign opens a site in a real browser, extracts palette, typography, and components, and returns a production-grade design.md, grounded in the site's actual CSS.
Spacing & Radius
Components
Motion
cubic-bezier(0.2, 0.7, 0.2, 1)
UI transitions, nav, hovers. ~220ms.
cubic-bezier(0.2, 0.7, 0.2, 1)
Logo + brackets. 520ms stagger 80ms.
ease-in-out
Status dots. 1.4s loop, opacity 1 → 0.35.