Partners Running an agency? Partner with us
The Graylemon Journal Build logs, teardowns and method, by email. Subscribe All resources
Follow the studio LinkedIn Instagram
Partner with usBook a call (opens in a new tab)
Framework · Layers

Brand OS Layers

What makes a brand hold together as it grows? Five layers, each resting on the one below: strategy, verbal, visual, motion and governance. Governance means a named owner and an approval path; without it, the other four drift.

  • Stage: Define to Grow
  • Discipline: Creativity
  • Graylemon original
The framework

Five layers, built from the bottom up.

Brand OS Layers: strategy, verbal, visual, motion, governance. Each rests on the one before it.
Fig. 02: Brand OS Layers, as a model · point at a partLoops while in view
Each part

What each layer needs

Strategy

The layer everything else is checked against.

Evidence it's in place

Anyone on the team describes the company in the same words.

Verbal

The voice, written down as rules someone can check a draft against.

Evidence it's in place

Two people editing the same copy make the same changes.

Visual

Colour, type and components as a working system, not a PDF of examples.

Evidence it's in place

A new screen can be built from what exists, without inventing anything.

Motion

Rules for what moves, when, and why, including a still version for people who turn motion off.

Evidence it's in place

Nothing moves just because it can.

Governance

A named owner, and a path every change goes through.

Evidence it's in place

You can say who approves a change, and how it reaches them.

Worked example

Our own brand, layer by layer.

Own work

  • Strategy

    One description, used everywhere: an AI-native product and venture studio based in Ahmedabad, India.

  • Verbal

    Written rules: "we" voice, British spelling, no prices, durations or capacity claims, no invented numbers, and plain punctuation. The site build checks the punctuation rules itself, and refuses to publish a page that breaks them.

  • Visual

    One design system across every page: ink, one blue, and three open-source typefaces.

  • Motion

    The demonstration on our homepage starts only once it's in view, and doesn't play at all for anyone whose device asks for reduced motion.

  • Governance

    Our founder is the named owner. Nothing joins this Framework Library without his sign-off.

Common misreads

Where it goes wrong

  1. Misread

    Starting with the visual layer

    Why A logo without a strategy under it gets redesigned every time someone new joins.

  2. Misread

    Treating guidelines as governance

    Why A document nobody owns describes the brand; it doesn't hold it together.

  3. Misread

    Leaving motion to chance

    Why On screen, a brand moves. If nobody decides how, every team decides differently.

Where this fits

AI Creative Build designs product interfaces and the design systems behind them.

AI Creative Build

In the Journal: Teardown: our old website

Published 24 September 2026. Graylemon original, from the stages of our creative engagements.

Search Graylemon

↑↓ Move↵ OpenEsc Close