152 lines
3.6 KiB
JSON
152 lines
3.6 KiB
JSON
{
|
|
"meta": {
|
|
"description": "Kordant brand color tokens — single source of truth for web, iOS, Android",
|
|
"version": "1.0.0",
|
|
"lastUpdated": "2026-05-26"
|
|
},
|
|
"brand": {
|
|
"primary": {
|
|
"value": "#4F46E5",
|
|
"description": "Main brand color — indigo"
|
|
},
|
|
"primaryLight": {
|
|
"value": "#818CF8",
|
|
"description": "Lighter variant for accents and gradients"
|
|
},
|
|
"primaryDark": {
|
|
"value": "#4338CA",
|
|
"description": "Darker variant for hover states and depth"
|
|
},
|
|
"accent": {
|
|
"value": "#06B6D4",
|
|
"description": "Secondary brand color — cyan"
|
|
},
|
|
"accentLight": {
|
|
"value": "#67E8F9",
|
|
"description": "Lighter accent variant"
|
|
},
|
|
"accentDark": {
|
|
"value": "#0891B2",
|
|
"description": "Darker accent variant"
|
|
}
|
|
},
|
|
"semantic": {
|
|
"success": {
|
|
"value": "#06B6D4",
|
|
"description": "Success state — cyan (on-brand)"
|
|
},
|
|
"warning": {
|
|
"value": "#F59E0B",
|
|
"description": "Warning state — amber"
|
|
},
|
|
"error": {
|
|
"value": "#EF4444",
|
|
"description": "Error state — red"
|
|
},
|
|
"info": {
|
|
"value": "#4F46E5",
|
|
"description": "Informational — brand primary"
|
|
},
|
|
"successBg": {
|
|
"light": "#ECFEFF",
|
|
"dark": "#0C4A6E",
|
|
"description": "Success background tint"
|
|
},
|
|
"warningBg": {
|
|
"light": "#FFFBEB",
|
|
"dark": "#78350F",
|
|
"description": "Warning background tint"
|
|
},
|
|
"errorBg": {
|
|
"light": "#FEF2F2",
|
|
"dark": "#7F1D1D",
|
|
"description": "Error background tint"
|
|
},
|
|
"infoBg": {
|
|
"light": "#EEF2FF",
|
|
"dark": "#1E1B4B",
|
|
"description": "Info background tint"
|
|
}
|
|
},
|
|
"background": {
|
|
"bg": {
|
|
"light": "#FAFBFC",
|
|
"dark": "#111827",
|
|
"description": "Primary background"
|
|
},
|
|
"bgSecondary": {
|
|
"light": "#F3F4F6",
|
|
"dark": "#1F2937",
|
|
"description": "Secondary background (cards, sections)"
|
|
},
|
|
"bgTertiary": {
|
|
"light": "#E5E7EB",
|
|
"dark": "#374151",
|
|
"description": "Tertiary background (inputs, disabled)"
|
|
}
|
|
},
|
|
"text": {
|
|
"textPrimary": {
|
|
"light": "#111827",
|
|
"dark": "#F9FAFB",
|
|
"description": "Primary text — headings, body"
|
|
},
|
|
"textSecondary": {
|
|
"light": "#6B7280",
|
|
"dark": "#D1D5DB",
|
|
"description": "Secondary text — captions, metadata"
|
|
},
|
|
"textTertiary": {
|
|
"light": "#9CA3AF",
|
|
"dark": "#9CA3AF",
|
|
"description": "Tertiary text — placeholders, disabled"
|
|
}
|
|
},
|
|
"border": {
|
|
"border": {
|
|
"light": "#E5E7EB",
|
|
"dark": "#374151",
|
|
"description": "Default border"
|
|
},
|
|
"borderDark": {
|
|
"light": "#D1D5DB",
|
|
"dark": "#4B5563",
|
|
"description": "Emphasized border"
|
|
}
|
|
},
|
|
"glass": {
|
|
"glass": {
|
|
"light": "rgba(255, 255, 255, 0.8)",
|
|
"dark": "rgba(17, 24, 39, 0.8)",
|
|
"description": "Glass morphism background (light)"
|
|
},
|
|
"glassDark": {
|
|
"light": "rgba(17, 24, 39, 0.8)",
|
|
"dark": "rgba(17, 24, 39, 0.9)",
|
|
"description": "Glass morphism background (dark)"
|
|
}
|
|
},
|
|
"gradient": {
|
|
"cardStart": {
|
|
"light": "#FFFFFF",
|
|
"dark": "#1F2937",
|
|
"description": "Card gradient start"
|
|
},
|
|
"cardEnd": {
|
|
"light": "#F3F4F6",
|
|
"dark": "#0B1120",
|
|
"description": "Card gradient end"
|
|
}
|
|
},
|
|
"dotGrid": {
|
|
"light": "#E5E7EB",
|
|
"dark": "#374151",
|
|
"description": "Background dot grid color"
|
|
},
|
|
"focusRing": {
|
|
"light": "#4F46E5",
|
|
"dark": "#818CF8",
|
|
"description": "Focus ring outline color"
|
|
}
|
|
}
|