Mode Brand — Canonical Source

Mode Brand

Canonical · Internal

Canonical source for Mode Marketing brand assets, design tokens, and reference docs. Every Mode sub-project and agent pulls from this URL. If it's not here, it's not canonical.

Palette

Void

#0A0A0A

Carbon

#141414

Gunmetal

#1E1E1E

Smoke

#666666

Chalk

#F0F0F0

White

#FFFFFF

Volt

#C8FF00

Volt Hover

#DFFF00

Assets

/assets/css/mode-base.cssCanonical CSS
/assets/js/mode-bg.jsAnimated background
/assets/images/logo-white.pngLogo (white)
/assets/images/logo-volt.svgLogo (volt)
/assets/images/favicon.svgFavicon
/tokens.jsonMachine-readable tokens
/template.htmlScaffold starter
/templates/404.htmlCanonical 404

Reference docs

BRAND-RULES.md★ Canonical rulebook — DOs + DON'Ts
CLAUDE.mdDirectory reference
APP-GUIDELINE.mdHeader + login pattern
DESIGN-RUBRIC.mdScoring rubric
BENCHMARKS.md7-axis benchmark model
SIGMAMODE-VISUAL-MAP.mdArchetype → visual
FEEDBACK-TO-COMMAND.mdFeedback translation
COMPETITIVE-REFERENCE-SET.mdExternal exemplars
PRE-PUBLISH-CHECKLIST.mdPublished-content gate

Block library

/blocks/9 seed blocks · website-ai origin
SCHEMA.mdBlock metadata schema
AUDIT-METHODOLOGY.mdExtraction methodology

Propagation

scripts/brand-sync.sh --applyPropagate to sub-projects
scripts/scaffold-project.sh <slug>New project with brand baseline

Rules. Sub-projects must not edit their copy of brand.css — overrides go in app.css. When brand changes here, propagate with scripts/brand-sync.sh --apply. Canonical logo-white.png has no margin — always re-pad with 8% before crops/raster output.