Personalized DESIGN.md Generator
Saves automatically in your browser

Brand & design system

Personalized DESIGN.md Generator

Capture the decisions that keep a brand coherent everywhere it shows up, from UX/UI components and digital experiences to graphics and imagery. Fill in what applies; it saves as you go. When you are ready, download a clean DESIGN.md you can drop into a repo, hand to a collaborator, or feed to a design or coding agent as a shared source of truth.

1

Brand foundation

The essence that every design decision should ladder back up to.

2

Audience and context

Who you are designing for, and the situation they are in when they meet the work.

3

Application areas

Where the brand shows up, and what each surface is meant to achieve. Intent first, so the visuals have a job to do.

UX/UI components and digital experiences
For each one, name it and say what it should accomplish for the user.
Graphics and imagery
For each one, name it and say what value it delivers or what it should accomplish, such as product education or announcing a launch.
4

Design tokens

The reusable building blocks. Each one records three things: the value, the purpose or context it is for, and the constraint that keeps it from being misused.

Color
Typography
Spacing
Other tokens
Radius, elevation and shadow, iconography, imagery style, motion, anything else with a value, a purpose, and a boundary.
5

Overall dos and don'ts

The quick rules that apply across the whole brand, beyond any single token. The kind of thing you would tell a new collaborator on day one.

Do
Don't
DESIGN.md preview