Visual journeys

Three ways to see a brand kit being made.

Every picture here is a real render from the Northwind Legal sample kit, built by the Huecraft engine from one short brief. Sample brand, not a customer.

Journey 1 of 3

From a one-line brief to a brand kit

One short brief goes in. 449 files come out. Scroll, or use the steps.

1. One line is the brief

Northwind Legal, a sample brand, started as this: an industry, an audience, a few words of tone. Nothing else.

industry Law firm for small businesses
audience small business owners
tone clear, direct, supportive, practical

The sample brief, as submitted. Sample brand, not a customer.

2. The mark, on every ground

The engine builds the mark once, then checks it on light, dark and colour. Switch the ground.

Real logo files from the kit: Northwind Legal, horizontal lockup, light and dark variants.

3. The palette, with contrast proved

Press a swatch to copy its hex. The pairs below are measured, not guessed.

17.48:1text on bg
pass (needs 4.5)

16.01:1text on surface
pass (needs 4.5)

5.01:1text-muted on bg
pass (needs 4.5)

8.66:1brand-text on bg
pass (needs 4.5)

From the kit's contrast table, light mode, built 9 October 2026.

4. The type, as a specimen

A display face, a body face, a mono for data, with the scale from caption to H1.

Type specimen page from the kit. Open it larger.

5. The collateral, ready to print and post

Filter by where it will be used. Open any piece larger.

Business card, front, from the Northwind Legal kit

Letterhead, from the Northwind Legal kit

Pull-up banner, from the Northwind Legal kit

Name badge, from the Northwind Legal kit

Instagram post, from the Northwind Legal kit

YouTube thumbnail, from the Northwind Legal kit

LinkedIn banner, from the Northwind Legal kit

Link preview image, from the Northwind Legal kit

Email header, from the Northwind Legal kit

Video-call background, from the Northwind Legal kit

6. The file tree, folder by folder

Open a folder to see what is in it. "Not yet" folders are planned, not hidden.

logo_suite/in the kit22 files

21 logo files plus a suite index.

color/in the kit7 files

CSS variables, JSON tokens, Tailwind colours, swatch files for design apps, the contrast table and a colour sheet.

type/in the kit18 files

Font files under their open licence, type CSS and tokens, a specimen page.

favicons/in the kit9 files

favicon.ico and 16/32/48 PNG, Apple touch 180, Android 192/512, pinned-tab SVG, web manifest.

tokens/in the kit19 files

tokens.css, W3C tokens JSON, Figma tokens, Tailwind config, a components page in light and dark.

social_preview/in the kit6 files

Each at exact size as PNG with its editable HTML source.

social_kit/in the kit22 files

Eleven platform images at exact sizes, each with editable HTML.

playbook/in the kit47 files

A 12-page playbook, the one-page brand card, both as PDF with page previews.

voice/in the kit2 files

Voice guide as DOCX and Markdown.

office_templates/in the kit4 files

PPTX deck template; DOCX proposal, case study and letterhead.

email_signature/in the kit4 files

signature.html, plain-text version, logo at 480x120, install guide.

icons/not yet0 files

Not built: see below.

brand_scenes/in the kit35 files

Scenes sheet and 33 single scenes: bag, cup, mug, T-shirt, sign, sticker, pattern and more.

print_collateral/in the kit62 files

13 pieces at full bleed with previews and a print spec: card, letterhead, envelope, brochure, poster, pull-up, table throw.

motion/not yet0 files

Not built: see below.

element_tiles/not yet0 files

Not built: see below.

Next: see the whole sample kit, or start your own.

See the sample kit Start a kit

Journey 2 of 3

Your logo on everything

One mark, placed on cards, signage, social and packaging. These are the kit's own renders.

Event badge, from the Northwind Legal kit

Business card, from the Northwind Legal kit

Next: pick the kit that fits, or start one with your own mark.

Start a kit Read the one-page report

Journey 3 of 3

What is in the kit, and what is not yet

13 of 16 program elements are in this sample kit. 3 are planned. The map shows both.

Logo suite

21 logo files plus a suite index.

22 files

Color system

CSS variables, JSON tokens, Tailwind colours, swatch files for design apps, the contrast table and a colour sheet.

7 files

Typography

Font files under their open licence, type CSS and tokens, a specimen page.

18 files

Favicon and app icon set

favicon.ico and 16/32/48 PNG, Apple touch 180, Android 192/512, pinned-tab SVG, web manifest.

9 files

UI kit and design tokens

tokens.css, W3C tokens JSON, Figma tokens, Tailwind config, a components page in light and dark.

19 files

Social preview image, email header, video-call background

Each at exact size as PNG with its editable HTML source.

6 files

Social kit

Eleven platform images at exact sizes, each with editable HTML.

22 files

Brand playbook PDF and brand card

A 12-page playbook, the one-page brand card, both as PDF with page previews.

47 files

Brand voice guide

Voice guide as DOCX and Markdown.

2 files

Deck, proposal, case study and letterhead templates

PPTX deck template; DOCX proposal, case study and letterhead.

4 files

Email signature

signature.html, plain-text version, logo at 480x120, install guide.

4 files

Iconography set

Planned. Not in the sample kit.

Early access

Mockups

Scenes sheet and 33 single scenes: bag, cup, mug, T-shirt, sign, sticker, pattern and more.

35 files

Print collateral

13 pieces at full bleed with previews and a print spec: card, letterhead, envelope, brochure, poster, pull-up, table throw.

62 files

Animated logo / motion

Planned. Not in the sample kit.

Early access

Element tiles for a product family

Planned. Not in the sample kit.

Early access

Next: ask for the planned parts first.

Get early access See the coverage checklist