Branding primitives
Fourteen reusable branding-lab surfaces for the Oak Flats Mufflermen workshop identity — logo lockups, a mark builder, a palette extractor, colour roles, a mood board, type pairings, voice + tone, do/don't, favicons, an asset grid, voice axes, contrast grids, pattern library, and a long-form guidelines template.
Branding primitives is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Branding primitives: Fourteen reusable branding-lab surfaces for the Oak Flats Mufflermen workshop identity — logo lockups, a mark builder, a palette extractor, colour roles, a mood board, type pairings, voice + tone, do/don't, favicons, an asset grid, voice axes, contrast grids, pattern library, and a long-form guidelines template.
Logo lockup
Stacked, horizontal, mark-only, wordmark-only — every approved configuration with usage notes.
Logo mark builder
Mini editor for the mark — pick a silhouette, tone, and stroke treatment. Renders live.
Palette extractor
Pull a five-colour palette from any source frame. Hex, role chip, and named swatch.
Colour roles grid
Semantic colour cascade — primary, surface, critical, success, muted, accent.
Mood board
Masonry composition of references — images, textures, type, swatches, quotes.
Type pairing
Display + body pairing card with rationale copy and full sample.
Tone of voice
Voice attributes chips with side-by-side do and don't writing examples.
Do / Don't
Side-by-side good and bad treatment for a single brand rule with visual previews.
Favicon preview
Tab strip preview plus 16, 32, 180, 192 favicon sizes with usage notes.
Logo asset grid
Every logo variation — full colour, mono, inverse, outline, stencil, duotone — with download formats.
Brand voice slider
Calibrate the brand on three voice axes — formality, seriousness, restraint.
Contrast grid
WCAG AA/AAA pass-fail matrix across foreground and background colours.
Pattern library tile
Repeating SVG patterns — carbon fibre, diamond plate, herringbone, dots, hatch, brushed metal.
Guidelines template
Long-form brand guidelines page — composes every other primitive into one document.
Brand book composition
Every branding primitive composed into one navigable, scrollable brand book scene.