Ava
9fb5bd83a6
Core brand design system, page layout templates, avatar styles, sponsor token purchase flow, and status dashboard — all as living HTML/CSS design references for the team. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
69 lines
1.8 KiB
JSON
69 lines
1.8 KiB
JSON
{
|
|
"brandName": "Sprinter",
|
|
"logoPath": "",
|
|
"version": "1.0",
|
|
"colors": {
|
|
"primary": "#0D6E6E",
|
|
"primaryLight": "#14A3A3",
|
|
"primaryDark": "#094F4F",
|
|
"primaryBg": "#E6F5F5",
|
|
"accent": "#F5A623",
|
|
"accentLight": "#FFCF70",
|
|
"accentDark": "#C4841A",
|
|
"background": "#FFFFFF",
|
|
"surface": "#F9FAFB",
|
|
"surfaceAlt": "#F3F4F6",
|
|
"textPrimary": "#1A1A1A",
|
|
"textSecondary": "#6B7280",
|
|
"textOnPrimary": "#FFFFFF",
|
|
"textOnAccent": "#1A1A1A",
|
|
"border": "#E5E7EB",
|
|
"borderStrong": "#D1D5DB",
|
|
"error": "#E74C3C",
|
|
"errorBg": "#FDEDEC",
|
|
"success": "#2ECC71",
|
|
"successBg": "#EAFAF1",
|
|
"warning": "#F39C12",
|
|
"warningBg": "#FEF5E7",
|
|
"info": "#3498DB",
|
|
"infoBg": "#EBF5FB"
|
|
},
|
|
"typography": {
|
|
"fontFamily": "Segoe UI, Inter, -apple-system, BlinkMacSystemFont, sans-serif",
|
|
"fontFamilyMono": "JetBrains Mono, Fira Code, monospace",
|
|
"fontSizeXs": 12,
|
|
"fontSizeSmall": 14,
|
|
"fontSizeBase": 16,
|
|
"fontSizeLarge": 18,
|
|
"fontSizeH3": 20,
|
|
"fontSizeH2": 24,
|
|
"fontSizeH1": 30,
|
|
"fontSizeDisplay": 36,
|
|
"fontWeightNormal": 400,
|
|
"fontWeightMedium": 500,
|
|
"fontWeightSemibold": 600,
|
|
"fontWeightBold": 700,
|
|
"lineHeightTight": 1.25,
|
|
"lineHeightNormal": 1.5,
|
|
"lineHeightRelaxed": 1.625
|
|
},
|
|
"spacing": {
|
|
"unit": 4,
|
|
"paddingXs": 4,
|
|
"paddingSmall": 8,
|
|
"paddingBase": 12,
|
|
"paddingMedium": 16,
|
|
"paddingLarge": 24,
|
|
"paddingXl": 32,
|
|
"paddingXxl": 48,
|
|
"borderRadius": 8,
|
|
"borderRadiusSmall": 4,
|
|
"borderRadiusLarge": 12,
|
|
"borderRadiusPill": 9999
|
|
},
|
|
"elevation": {
|
|
"shadowSmall": "0 1px 2px rgba(0,0,0,0.05)",
|
|
"shadowMedium": "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",
|
|
"shadowLarge": "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)"
|
|
}
|
|
}
|