Pick a starting theme
A theme sets the look of every component: how labels, buttons, cards, quotes and figures are drawn, plus a starting palette, fonts, corners and icon style. The client's logo, colours and fonts in the next steps replace the theme's, so the theme ends up in their brand.
Who is the client?
The name appears in the design system, the builder apps and the instance folder.
Workspace theme
Hub, design system and every builderChanges the OS around the work, not the work. Assets and exports keep the client's own backgrounds.
Upload the logos
SVG works best; PNG with transparency is fine. Builders pick the right variant for each background automatically.
Colours found in the logo
Choose the typography
Pick from Google Fonts or upload the client's own font files. Headings and body can share one family.
Heading style
Type scale
Generates text-xs to text-6xlSet the colour roles
Each role is picked directly. Tints, shades, hover states, gradients and text-safe variants are generated from these.
Brand
Neutrals
Status
Contrast
WCAG 2.1Set the corner radii
Start from a preset, then tune each component. Buttons and chips can go fully round.
Pick the icon style
Every builder shares one library: Google's Material Symbols, icons. This style applies to all of them.
Shape
Fill
Weight
Preview
Review and generate
Generating saves this brand, builds the design system and reskins every builder. You can come back and change anything.
Your Brand
Body
Turn campaign traffic into qualified pipeline
A subheading sits one step down the scale
Body copy is set at a size people actually read, on a comfortable measure, so long-form assets like ebooks and pre-reads stay easy on the eye.
Reporting built in
Every card, stat and chart uses the same radius, colour and type tokens as the rest of the system.
See how it worksLaunch campaigns in days, not weeks
One brand system across every asset your team ships.
Get the guide