brand-governance-styleguide CNAME · style.kineticgain.com CSS-first static operator surface

Keep tokens, templates, and launch-safe brand rules in the same release lane.

This styleguide makes brand governance operational: which tokens are approved, which UI patterns are deprecated, and where design, content, lifecycle, or campaign teams still need to repair the system before new surfaces ship.

Lead recommendation

Standardize the hero + CTA bundle before the next growth sprint.
Too many launch surfaces are still borrowing old spacing, muted text contrast, and off-palette CTA styles from one-off campaign builds.

Operator summary

brand trust + design-system release discipline

Approved tokens

Core color, spacing, radius, and typography tokens currently in-bounds.

Approved patterns

Reusable hero, card, table, CTA, and editorial modules ready to clone.

Watch items

Components still carrying contrast or spacing debt from older campaign code.

Blocked surfaces

Brand-breaking exceptions that should stop release until fixed.

Review queues

Queues waiting on design, content, lifecycle, or legal signoff.

CSS

Primary language

This repo exists to make CSS a first-class proof surface in the public atlas.

Overview

where style drift shows up first

Homepage launch kit

The homepage hero, side rail, CTA bundle, and proof metrics all rely on the same spacing and contrast system. One rogue campaign override can wreck the entire front door.

Hero type scale should stay on approved display and body steps only.
CTA color pairings should use the mint/cyan action lane instead of ad hoc blues.
Proof rails should inherit tokenized card spacing and border weights.

Lifecycle and editorial surfaces

Email modules, onboarding landing pages, and editorial promos tend to drift faster than product surfaces because they move on tighter launch cycles.

Audience-facing consent and CTA blocks need the same button and copy hierarchy.
Publishing promos should not introduce custom shadows or one-off muted palettes.
Review queues should flag style debt before content or campaign approval closes.