clear old assets, new ci/cd flow
This commit is contained in:
151
design-tokens/colors.json
Normal file
151
design-tokens/colors.json
Normal file
@@ -0,0 +1,151 @@
|
||||
{
|
||||
"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"
|
||||
}
|
||||
}
|
||||
33
design-tokens/radius.json
Normal file
33
design-tokens/radius.json
Normal file
@@ -0,0 +1,33 @@
|
||||
{
|
||||
"meta": {
|
||||
"description": "Kordant border radius scale",
|
||||
"version": "1.0.0",
|
||||
"lastUpdated": "2026-05-26"
|
||||
},
|
||||
"scale": {
|
||||
"none": {
|
||||
"value": "0px",
|
||||
"description": "No rounding"
|
||||
},
|
||||
"sm": {
|
||||
"value": "4px",
|
||||
"description": "Inputs, chips, badges"
|
||||
},
|
||||
"md": {
|
||||
"value": "8px",
|
||||
"description": "Cards, buttons, modals"
|
||||
},
|
||||
"lg": {
|
||||
"value": "12px",
|
||||
"description": "Large cards, panels"
|
||||
},
|
||||
"xl": {
|
||||
"value": "16px",
|
||||
"description": "Hero cards, featured sections"
|
||||
},
|
||||
"full": {
|
||||
"value": "9999px",
|
||||
"description": "Pills, avatars, badges"
|
||||
}
|
||||
}
|
||||
}
|
||||
41
design-tokens/shadows.json
Normal file
41
design-tokens/shadows.json
Normal file
@@ -0,0 +1,41 @@
|
||||
{
|
||||
"meta": {
|
||||
"description": "Kordant shadow definitions",
|
||||
"version": "1.0.0",
|
||||
"lastUpdated": "2026-05-26"
|
||||
},
|
||||
"scale": {
|
||||
"sm": {
|
||||
"x": "0",
|
||||
"y": "1",
|
||||
"blur": "2",
|
||||
"spread": "0",
|
||||
"color": "rgba(0, 0, 0, 0.05)",
|
||||
"description": "Subtle elevation — inputs, chips"
|
||||
},
|
||||
"md": {
|
||||
"x": "0",
|
||||
"y": "4",
|
||||
"blur": "6",
|
||||
"spread": "-1",
|
||||
"color": "rgba(0, 0, 0, 0.1)",
|
||||
"description": "Card elevation — default cards"
|
||||
},
|
||||
"lg": {
|
||||
"x": "0",
|
||||
"y": "10",
|
||||
"blur": "15",
|
||||
"spread": "-3",
|
||||
"color": "rgba(0, 0, 0, 0.1)",
|
||||
"description": "Modal elevation — dropdowns, menus"
|
||||
},
|
||||
"xl": {
|
||||
"x": "0",
|
||||
"y": "20",
|
||||
"blur": "25",
|
||||
"spread": "-5",
|
||||
"color": "rgba(0, 0, 0, 0.15)",
|
||||
"description": "Dialog elevation — modals, tooltips"
|
||||
}
|
||||
}
|
||||
}
|
||||
41
design-tokens/spacing.json
Normal file
41
design-tokens/spacing.json
Normal file
@@ -0,0 +1,41 @@
|
||||
{
|
||||
"meta": {
|
||||
"description": "Kordant spacing scale — 4px base grid",
|
||||
"version": "1.0.0",
|
||||
"lastUpdated": "2026-05-26"
|
||||
},
|
||||
"scale": {
|
||||
"0": {
|
||||
"value": "0px",
|
||||
"description": "No spacing"
|
||||
},
|
||||
"xs": {
|
||||
"value": "4px",
|
||||
"description": "Tightest spacing — within components"
|
||||
},
|
||||
"sm": {
|
||||
"value": "8px",
|
||||
"description": "Small gaps — icon to text, tight lists"
|
||||
},
|
||||
"md": {
|
||||
"value": "16px",
|
||||
"description": "Default spacing — card padding, form fields"
|
||||
},
|
||||
"lg": {
|
||||
"value": "24px",
|
||||
"description": "Section spacing — between cards"
|
||||
},
|
||||
"xl": {
|
||||
"value": "32px",
|
||||
"description": "Large spacing — between sections"
|
||||
},
|
||||
"xxl": {
|
||||
"value": "48px",
|
||||
"description": "Page-level spacing"
|
||||
},
|
||||
"xxxl": {
|
||||
"value": "64px",
|
||||
"description": "Hero spacing, full section gaps"
|
||||
}
|
||||
}
|
||||
}
|
||||
66
design-tokens/typography.json
Normal file
66
design-tokens/typography.json
Normal file
@@ -0,0 +1,66 @@
|
||||
{
|
||||
"meta": {
|
||||
"description": "Kordant typography scale — Inter font family",
|
||||
"version": "1.0.0",
|
||||
"lastUpdated": "2026-05-26"
|
||||
},
|
||||
"fontFamily": {
|
||||
"value": "Inter",
|
||||
"fallback": "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif"
|
||||
},
|
||||
"scale": {
|
||||
"caption": {
|
||||
"size": "12px",
|
||||
"lineHeight": "16px",
|
||||
"description": "Fine print, captions, labels"
|
||||
},
|
||||
"body": {
|
||||
"size": "16px",
|
||||
"lineHeight": "24px",
|
||||
"description": "Default body text"
|
||||
},
|
||||
"bodyLarge": {
|
||||
"size": "18px",
|
||||
"lineHeight": "28px",
|
||||
"description": "Emphasized body text"
|
||||
},
|
||||
"headline": {
|
||||
"size": "20px",
|
||||
"lineHeight": "28px",
|
||||
"description": "Section headings, card titles"
|
||||
},
|
||||
"title": {
|
||||
"size": "24px",
|
||||
"lineHeight": "32px",
|
||||
"description": "Page titles"
|
||||
},
|
||||
"largeTitle": {
|
||||
"size": "32px",
|
||||
"lineHeight": "40px",
|
||||
"description": "Hero headlines"
|
||||
},
|
||||
"display": {
|
||||
"size": "48px",
|
||||
"lineHeight": "56px",
|
||||
"description": "Landing page hero display text"
|
||||
}
|
||||
},
|
||||
"weights": {
|
||||
"regular": {
|
||||
"value": 400,
|
||||
"description": "Body text, default"
|
||||
},
|
||||
"medium": {
|
||||
"value": 500,
|
||||
"description": "Emphasis in body, labels"
|
||||
},
|
||||
"semibold": {
|
||||
"value": 600,
|
||||
"description": "Headings, buttons"
|
||||
},
|
||||
"bold": {
|
||||
"value": 700,
|
||||
"description": "Display text, hero headlines"
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user