af2af23d14
Lint / lint (push) Has been cancelled
- 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>
30 lines
1.4 KiB
JSON
30 lines
1.4 KiB
JSON
{
|
|
"$schema": "https://design-tokens.github.io/community-group/format/",
|
|
"color": {
|
|
"brand": {
|
|
"primary": { "$value": "#6B35A7", "$type": "color", "$description": "Kode purple — primary brand color." },
|
|
"primary-hover": { "$value": "#582A8D", "$type": "color" },
|
|
"primary-pressed": { "$value": "#45216E", "$type": "color" },
|
|
"ink": { "$value": "#000000", "$type": "color", "$description": "Brand black — wordmark and high-emphasis text." },
|
|
"canvas": { "$value": "#F5F4F0", "$type": "color", "$description": "Brand off-white — default page surface." }
|
|
},
|
|
"neutral": {
|
|
"0": { "$value": "#FFFFFF", "$type": "color" },
|
|
"50": { "$value": "#F5F4F0", "$type": "color", "$description": "Aliased to brand.canvas." },
|
|
"100": { "$value": "#EDEFF3", "$type": "color" },
|
|
"200": { "$value": "#D9DCE3", "$type": "color" },
|
|
"300": { "$value": "#B8BDC9", "$type": "color" },
|
|
"500": { "$value": "#6B7280", "$type": "color" },
|
|
"700": { "$value": "#374151", "$type": "color" },
|
|
"900": { "$value": "#111827", "$type": "color" },
|
|
"1000": { "$value": "#000000", "$type": "color" }
|
|
},
|
|
"semantic": {
|
|
"success": { "$value": "#16A34A", "$type": "color" },
|
|
"warning": { "$value": "#F59E0B", "$type": "color" },
|
|
"danger": { "$value": "#DC2626", "$type": "color" },
|
|
"info": { "$value": "#0EA5E9", "$type": "color" }
|
|
}
|
|
}
|
|
}
|