Maintain brand visual and voice consistency

Maintain visual and voice consistency across brand surfaces

AI Builder Academy design work where restrained, dark, editorial aesthetic must be maintained across marketing and product surfaces—consistency becomes credibility.

• · artifact type (landing page, one-pager, email, component, social graphic)
• · register decision (marketing vs. product/app)
• · color strategy (Restrained, Committed, Drenched)

• · color palette with hex/oklch values and semantics
• · typography choices (display, body fonts with character voice)
• · layout density rules and spacing
• · component patterns (buttons, cards, badges, inputs)
• · inline SVG icons with usage guide

• · CSS variables (colors_and_type.css)
• · Figma or web-based design tool
• · Icon system (inline SVG)

• · Understand marketing vs. product register distinction
• · Reference files available (colors_and_type.css, voice-and-tone.md, components.md)

• · Not reading voice-and-tone.md → copy misses brand personality
• · Inventing new components instead of matching existing patterns → visual inconsistency
• · Drifting to Committed or Drenched without campaign justification → palette feels wrong
• · Missing scene sentence → design doesn't match user state/need

• · Named brand strategy (Restrained, Committed, Drenched)
• · Register framework distinguishing marketing vs. product design density
• · Three-step prelude before design (scene sentence, register, color strategy)
• · Component library with annotated code (buttons, cards, badges, inputs, header, footer)