Tools Studio · Branding

Brand System Kit

Turn your colours and fonts into a design system: shades, readable text colours, type and spacing, sample buttons, cards and forms, plus files for Figma, CodePen, Tailwind and CSS, and a PDF, Word or Markdown summary to hand your designer or developer.

The demo and the editor open in Tools Studio, at tools.penichecomms.ca. See pricing

Share this tool

Who it's for

Businesses handing their brand to a designer or developer.

How it works

Fill in the guided sections, add your colours and logo, and watch the preview. Export when it's ready.

Questions

What are design tokens?

Your brand's colours, fonts, and spacing saved as named values that design and code tools can read.

How much does it cost?

Building is free. To export, use 1 credit ($8, or 5 for $35, or 10 for $60) or a monthly pass from $9.

Goes well with

Report a Bug