# Brand context template

Complete this file with information you are comfortable sharing with the audience for your project. Use public brand references, approved assets and product material only.

## Brand in one sentence

[Describe the brand and the impression the work should create.]

## Audience and outcome

- Primary audience: [Who is this for?]
- What they should understand: [One clear message.]
- What they should feel: [Three useful adjectives.]

## Voice

- Sound like: [Plain, warm, technical, energetic, calm, etc.]
- Prefer: [Examples of words or sentence styles.]
- Avoid: [Jargon, hype, humour in serious moments, etc.]

## Typography

- Display or heading family: [Name and approved fallback.]
- Body or supporting family: [Name and approved fallback.]
- Heading treatment: [Weight, case, alignment and typical scale.]
- Body treatment: [Weight, line length and density.]

## Colour roles

List only approved public values.

- Main text: [Colour.]
- Primary canvas: [Colour.]
- Supporting surface: [Colour.]
- Brand accent: [Colour and when to use it.]
- Secondary accent: [Colour and when to use it.]
- Warning or destructive state: [Colour.]

Describe where strong colours should and should not appear.

## Layout and surfaces

- Overall composition: [Spacious, dense, asymmetric, editorial, product-led, etc.]
- Spacing rhythm: [Small, medium and large spacing guidance.]
- Corner treatment: [Square, lightly rounded, highly rounded.]
- Borders and shadows: [When to use or avoid them.]
- Product surfaces: [How screenshots, browser frames or interface cards should appear.]

## Imagery and product references

- Preferred imagery: [People, product UI, diagrams, photography, illustration.]
- Image treatment: [Crop, lighting, background and overlay guidance.]
- Product terminology to preserve: [Approved public terms.]
- Product structures to preserve: [Recognisable public screens or objects.]
- Avoid: [Unapproved assets, private screens, confidential data or misleading recreations.]

## Motion

- Overall motion character: [Precise, playful, calm, cinematic, technical, etc.]
- What should move: [The objects or information that benefit from motion.]
- What should stay still: [Elements that anchor the viewer.]
- Timing guidance: [Fast interactions, readable holds and major transitions.]
- Transition preference: [Shape continuity, cuts, wipes, restrained fades, etc.]
- Reduced motion: The experience must remain understandable when non-essential motion is disabled.

## Accessibility and readability

- Keep important text readable at the intended output size.
- Do not rely on colour alone to communicate meaning.
- Preserve keyboard access and visible focus states for interactive HTML.
- Maintain sufficient contrast for text and controls.
- Avoid rapid flashing, large oscillations and unnecessary looping motion.

## Do

- [Add approved patterns and concrete examples.]
- [Add another.]

## Do not

- [Add prohibited treatments or common mistakes.]
- [Add another.]

## Approved assets and public references

- Logo or mark: [File or public URL.]
- Product references: [Files or public URLs.]
- Photography or illustration: [Files or licensed sources.]
- Audio: [Cleared file or source.]

Remove any empty sections before attaching this file to a task.
