03

Colour

Each colour carries a use case — fill (backgrounds), accent (highlights & gradient), or font (text). Click a swatch to copy its hex.

04

Typography

Brand fonts and the working scale. Download the font files directly.

05

Support visuals

Theme backdrops, organised by topic. Tone any of these into a usable background in the Deliverables generator.

06

Motion

Looping video backdrops for site heroes, slide covers and reels. Click to enlarge; download the source files.

07

Icon sets

The owned line set plus themed reference libraries. Recolour any set to a brand tone, then copy or download each as SVG.

08

Mockups

The identity in the wild — apparel, merch, product UI and environmental signage. Click any to enlarge.

09

Deliverables & generators

Working prototypes — fill the fields, preview live, export.

Generator

Banner generator

Size & margins
Background image

The dropdown holds a few ready-made backgrounds. For any other shot use Custom — it opens a file picker; browse to assets/visuals/ for the full high-res library.

Logo
Headline / tagline
Generator

Business card

Generator

Email signature

Generator

Favicon & app icons

Square-padded icon mark, ready for favicons, app tiles and avatars.

Google Workspace admin custom logo uses a fixed 320×132 canvas.

10

Automation

Machine-readable outputs — hand the manifest to an LLM, build pipeline or Figma, and export design tokens straight into code.

Generator

Design tokens

Colours, gradients, type, spacing and radii — straight from the manifest.

Full brand manifest