Changelog
All notable changes to the Let's Vibe brand system are documented here. Format: Keep a Changelog. Versioning: SemVer. Token value changes are minor; renames or removals are major.
[1.1.0] — 2026-10
Added
- CTA tokens (
--cta,--cta-hi,--cta-lo,--on-cta,--cta-text, plus-on-darkvariants) and radial gradients--grad-cta/--grad-cta-on-dark, lit from the top-left, in every token format. --cta-shadow/--cta-shadow-on-dark: a soft two-layer text shadow applied to CTA labels so text stays cleanly visible on the gradient.--ease-inouteasing token (symmetric, for size/height/position changes) and the "everything animates, nothing snaps" motion rule.- CTA active (pressed) state and the full CTA state set (rest, hover, active, focus-visible, disabled) on
.lv-btn--primary/--on-darkand the showcase button. - The CTA rule in the guidelines: the CTA color is reserved for actionable links and buttons and must never be used for content or decoration.
Changed
- Lockup rule in the guidelines: logo (orb) and type (wordmark) are always kept together with nothing between them.
.lv-btn--primaryand the showcase primary button now use--grad-cta(same base color as before, with the gradient).
[1.0.0] — 2026-06
Added
- Initial release of the "Living Sanctuary" system.
- Core token set: surfaces, ink, brand greens, citrine accent, on-dark text, 5 category accents.
- Typography scale (Fraunces display + Hanken Grotesk body) with the eyebrow device.
- Radius, spacing, elevation, and motion tokens.
- Token formats:
tokens.css,tokens.scss,tokens.ts,tokens.json(W3C),tailwind.preset.js. css/base.css(fonts, reset, focus, reduced-motion) andcss/components.css(orb, buttons, chips, cards, media helper, scrim).- Interactive styleguide at
docs/index.html. brand/BRAND_GUIDELINES.md.