Files
KDCDesignSystem/foundations/colors/swatches.md
T
Paul Roberts af2af23d14
Lint / lint (push) Has been cancelled
feat(brand): adopt official Kode brand guidelines
- Brand palette: purple #6B35A7 (primary), #000000 (ink), #FFFFFF, #F5F4F0 (canvas)
- Typography: Manrope (UI, 200-800) + Opificio Bold (wordmark/display); drop Inter
- design.md: add wordmarkSecondary token, new display scale (Opificio 72/80)
- foundations: refresh swatches and typography README to match guidelines
- assets/fonts: replace Inter folder with Manrope; add Opificio cuts (Bold/Rounded/Regular)
- fonts.css: register Manrope variable + Opificio cuts; keep Roboto Mono for code only
- examples/web: render the kode wordmark lockup on the off-white canvas
- brand-guidelines: real specs (lockup, palette, typography, logo variant rules)
- README: add brand-at-a-glance, bump version to beta

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-29 19:24:52 +00:00

761 B

Color Swatches

Brand palette

Token Hex Use
brand.primary #6B35A7 Kode purple — primary brand color, links, primary actions.
brand.ink #000000 Wordmark, high-emphasis text.
neutral.0 #FFFFFF Pure white — cards, modals, top-bar.
brand.canvas #F5F4F0 Brand off-white — default page background.

Primary state ramp

Token Hex
brand.primary #6B35A7
brand.primaryHover #582A8D
brand.primaryPressed #45216E

Semantic

Token Hex
semantic.success #16A34A
semantic.warning #F59E0B
semantic.danger #DC2626
semantic.info #0EA5E9