Brand System Kit — free demo
Turn your colours and fonts into a design system: 11 shades of each colour with readable text colours, a type scale, spacing, corners and shadows, and sample buttons, cards, forms and alerts.
Export it for your designer or developer: an HTML page with code to copy, a PDF or Word summary, Markdown, PNG images, Figma token files (with Tokens Studio), CSS and Tailwind settings, or open it straight in CodePen.
Try it here with no account. Building is always free; you only pay when you export.
Pay per export: 1 credit for $8, 5 for $35 or 10 for $60. Or a monthly pass: Basic $9 (5 documents a month), Pro $24 (20) or Premium $59 (60).