Brand System Kit

The visual system we build for clients, as a Figma file and a matching CSS token file. Palette logic, a type scale that holds at every size, spacing rules and a component sheet a developer can build from without a meeting.

What's inside

• Figma file with colour, type and spacing styles
• a CSS/Tailwind token file that matches the Figma styles one-to-one
• 12 components: buttons (4 states), cards, nav, footer, form fields, eyebrow labels, section headers
• naming conventions
• a handover checklist for developers.

Who it's for

Companies that have a logo and a colour but no system — every new page currently looks slightly different from the last one.

Format and delivery

Figma community-style file (duplicate to your account) + a .zip with tokens.css and tailwind.config snippet. Links by email immediately after payment.