Brand Motif System

What it does

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

When to use it

Use when a site needs distinctive, repeatable visual details instead of generic gradients or blob shapes.

Problems it prevents

Stops sites relying on decoration that has no connection to the actual business, product or process.

Typical workflow

1. Source motifs from the real business
2. Build a repeatable graphic vocabulary
3. Apply it across dividers and icons
4. Document the system for reuse

Example output

A small set of graphic devices (a divider shape, an icon logic, a pattern) traceable to something real about the business.

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 Design

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

• SystemEditorial Layout Composition

  Composes distinctive, premium page layouts using editorial grids, negative space, layering and deliberate asymmetry.

• SystemDesign System Governance

  Governs a reusable design system: token and component ownership, versioning, accessibility contracts, adoption.