Brand Design

What it does

Builds a coherent web identity through typography, colour, imagery and UI personality tied to a real business.

When to use it

Use for new or revised brand direction, design systems, art direction, or auditing whether a site's identity holds together.

Problems it prevents

Prevents a site defaulting to generic, swappable branding that could belong to any company in the category.

Typical workflow

1. Establish the identity's specific traits
2. Set typography and colour direction
3. Apply it across UI personality
4. Audit for consistency

Example output

A short brand direction document (type pairing, colour roles, imagery rules) applied consistently from the header to the footer.

What's included

1. 01
   The complete prompt

   The full manual as a ready-to-save SKILL.md file, matched exactly to what ships in the T7 library.

2. 02
   Install walkthrough

   Personal (~/.claude/skills/) and project (.claude/skills/) folder instructions, whichever fits how you work.

3. 03
   Use notes

   How Claude invokes it, what a good result looks like, and what to check before you trust the output.

Works well with

• SystemBrand Motif System

  Derives an ownable visual language (motifs, dividers, icon logic, patterns) from the real business, not stock decoration.

• SystemAudience Colour Strategy

  Designs evidence-led, accessible colour palettes for a specific audience, market, culture and conversion goal.

• SystemPremium Content Hierarchy

  Writes message architecture and copy hierarchy from a real offer, audience, evidence and objections, not filler.