d680e8bbc0
- FIGMA_DESIGN_GUIDE.md: Color palette, typography, spacing, components - figma-tokens.json: Tokens Studio importable design tokens - FIGMA_CONTENT.md: Copy-paste ready text content for all sections - figma-content.json: Structured content data for automation Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
217 lines
9.6 KiB
JSON
217 lines
9.6 KiB
JSON
{
|
|
"$themes": [],
|
|
"$metadata": {
|
|
"tokenSetOrder": ["core", "semantic", "component"]
|
|
},
|
|
"core": {
|
|
"color": {
|
|
"brand": {
|
|
"400": { "value": "#38bdf8", "type": "color" },
|
|
"500": { "value": "#0ea5e9", "type": "color" },
|
|
"600": { "value": "#0284c7", "type": "color" }
|
|
},
|
|
"dark": {
|
|
"800": { "value": "#1e293b", "type": "color" },
|
|
"900": { "value": "#0b1120", "type": "color" }
|
|
},
|
|
"slate": {
|
|
"200": { "value": "#e2e8f0", "type": "color" },
|
|
"300": { "value": "#cbd5e1", "type": "color" },
|
|
"400": { "value": "#94a3b8", "type": "color" },
|
|
"500": { "value": "#64748b", "type": "color" },
|
|
"600": { "value": "#475569", "type": "color" },
|
|
"700": { "value": "#334155", "type": "color" },
|
|
"800": { "value": "#1e293b", "type": "color" },
|
|
"900": { "value": "#0f172a", "type": "color" }
|
|
},
|
|
"green": {
|
|
"400": { "value": "#4ade80", "type": "color" },
|
|
"500": { "value": "#22c55e", "type": "color" }
|
|
},
|
|
"red": {
|
|
"400": { "value": "#f87171", "type": "color" },
|
|
"500": { "value": "#ef4444", "type": "color" }
|
|
},
|
|
"yellow": {
|
|
"400": { "value": "#facc15", "type": "color" },
|
|
"500": { "value": "#eab308", "type": "color" }
|
|
},
|
|
"purple": {
|
|
"400": { "value": "#c084fc", "type": "color" },
|
|
"500": { "value": "#a855f7", "type": "color" },
|
|
"600": { "value": "#9333ea", "type": "color" }
|
|
},
|
|
"blue": {
|
|
"400": { "value": "#60a5fa", "type": "color" },
|
|
"500": { "value": "#3b82f6", "type": "color" },
|
|
"600": { "value": "#2563eb", "type": "color" }
|
|
},
|
|
"white": { "value": "#ffffff", "type": "color" },
|
|
"black": { "value": "#000000", "type": "color" }
|
|
},
|
|
"spacing": {
|
|
"0": { "value": "0", "type": "spacing" },
|
|
"0.5": { "value": "2", "type": "spacing" },
|
|
"1": { "value": "4", "type": "spacing" },
|
|
"1.5": { "value": "6", "type": "spacing" },
|
|
"2": { "value": "8", "type": "spacing" },
|
|
"3": { "value": "12", "type": "spacing" },
|
|
"4": { "value": "16", "type": "spacing" },
|
|
"5": { "value": "20", "type": "spacing" },
|
|
"6": { "value": "24", "type": "spacing" },
|
|
"8": { "value": "32", "type": "spacing" },
|
|
"10": { "value": "40", "type": "spacing" },
|
|
"12": { "value": "48", "type": "spacing" },
|
|
"16": { "value": "64", "type": "spacing" },
|
|
"20": { "value": "80", "type": "spacing" },
|
|
"24": { "value": "96", "type": "spacing" },
|
|
"32": { "value": "128", "type": "spacing" }
|
|
},
|
|
"borderRadius": {
|
|
"sm": { "value": "4", "type": "borderRadius" },
|
|
"default": { "value": "4", "type": "borderRadius" },
|
|
"md": { "value": "6", "type": "borderRadius" },
|
|
"lg": { "value": "8", "type": "borderRadius" },
|
|
"xl": { "value": "12", "type": "borderRadius" },
|
|
"2xl": { "value": "16", "type": "borderRadius" },
|
|
"3xl": { "value": "24", "type": "borderRadius" },
|
|
"full": { "value": "9999", "type": "borderRadius" }
|
|
},
|
|
"fontFamily": {
|
|
"sans": { "value": "Pretendard", "type": "fontFamilies" },
|
|
"mono": { "value": "JetBrains Mono", "type": "fontFamilies" }
|
|
},
|
|
"fontSize": {
|
|
"2xs": { "value": "10", "type": "fontSizes" },
|
|
"xs": { "value": "12", "type": "fontSizes" },
|
|
"sm": { "value": "14", "type": "fontSizes" },
|
|
"base": { "value": "16", "type": "fontSizes" },
|
|
"lg": { "value": "18", "type": "fontSizes" },
|
|
"xl": { "value": "20", "type": "fontSizes" },
|
|
"2xl": { "value": "24", "type": "fontSizes" },
|
|
"3xl": { "value": "30", "type": "fontSizes" },
|
|
"4xl": { "value": "36", "type": "fontSizes" },
|
|
"5xl": { "value": "48", "type": "fontSizes" },
|
|
"6xl": { "value": "60", "type": "fontSizes" }
|
|
},
|
|
"fontWeight": {
|
|
"normal": { "value": "400", "type": "fontWeights" },
|
|
"medium": { "value": "500", "type": "fontWeights" },
|
|
"bold": { "value": "700", "type": "fontWeights" }
|
|
},
|
|
"lineHeight": {
|
|
"none": { "value": "1", "type": "lineHeights" },
|
|
"tight": { "value": "1.25", "type": "lineHeights" },
|
|
"snug": { "value": "1.375", "type": "lineHeights" },
|
|
"normal": { "value": "1.5", "type": "lineHeights" },
|
|
"relaxed": { "value": "1.625", "type": "lineHeights" }
|
|
},
|
|
"letterSpacing": {
|
|
"tight": { "value": "-0.025em", "type": "letterSpacing" },
|
|
"normal": { "value": "0", "type": "letterSpacing" },
|
|
"widest": { "value": "0.1em", "type": "letterSpacing" }
|
|
},
|
|
"boxShadow": {
|
|
"sm": { "value": "0 1px 2px rgba(0, 0, 0, 0.05)", "type": "boxShadow" },
|
|
"default": { "value": "0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06)", "type": "boxShadow" },
|
|
"lg": { "value": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)", "type": "boxShadow" },
|
|
"xl": { "value": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)", "type": "boxShadow" },
|
|
"2xl": { "value": "0 25px 50px -12px rgba(0, 0, 0, 0.25)", "type": "boxShadow" },
|
|
"glow-brand": { "value": "0 0 15px rgba(56, 189, 248, 0.2)", "type": "boxShadow" },
|
|
"glow-brand-hover": { "value": "0 0 20px rgba(56, 189, 248, 0.4)", "type": "boxShadow" }
|
|
}
|
|
},
|
|
"semantic": {
|
|
"color": {
|
|
"bg": {
|
|
"primary": { "value": "{core.color.dark.900}", "type": "color" },
|
|
"secondary": { "value": "{core.color.dark.800}", "type": "color" },
|
|
"card": { "value": "{core.color.slate.800}", "type": "color" },
|
|
"input": { "value": "{core.color.slate.900}", "type": "color" }
|
|
},
|
|
"text": {
|
|
"primary": { "value": "{core.color.white}", "type": "color" },
|
|
"secondary": { "value": "{core.color.slate.200}", "type": "color" },
|
|
"muted": { "value": "{core.color.slate.400}", "type": "color" },
|
|
"placeholder": { "value": "{core.color.slate.500}", "type": "color" }
|
|
},
|
|
"border": {
|
|
"default": { "value": "{core.color.slate.700}", "type": "color" },
|
|
"light": { "value": "rgba(255, 255, 255, 0.05)", "type": "color" },
|
|
"focus": { "value": "{core.color.brand.500}", "type": "color" }
|
|
},
|
|
"accent": {
|
|
"primary": { "value": "{core.color.brand.500}", "type": "color" },
|
|
"secondary": { "value": "{core.color.purple.500}", "type": "color" }
|
|
},
|
|
"status": {
|
|
"success": { "value": "{core.color.green.400}", "type": "color" },
|
|
"error": { "value": "{core.color.red.400}", "type": "color" },
|
|
"warning": { "value": "{core.color.yellow.400}", "type": "color" },
|
|
"info": { "value": "{core.color.blue.400}", "type": "color" }
|
|
}
|
|
}
|
|
},
|
|
"component": {
|
|
"button": {
|
|
"primary": {
|
|
"bg": { "value": "{core.color.brand.600}", "type": "color" },
|
|
"bgHover": { "value": "{core.color.brand.500}", "type": "color" },
|
|
"text": { "value": "{core.color.white}", "type": "color" },
|
|
"borderRadius": { "value": "{core.borderRadius.lg}", "type": "borderRadius" },
|
|
"paddingX": { "value": "{core.spacing.6}", "type": "spacing" },
|
|
"paddingY": { "value": "{core.spacing.3}", "type": "spacing" }
|
|
},
|
|
"secondary": {
|
|
"bg": { "value": "{core.color.slate.800}", "type": "color" },
|
|
"bgHover": { "value": "{core.color.slate.700}", "type": "color" },
|
|
"text": { "value": "{core.color.white}", "type": "color" },
|
|
"border": { "value": "{core.color.slate.700}", "type": "color" },
|
|
"borderRadius": { "value": "{core.borderRadius.lg}", "type": "borderRadius" }
|
|
}
|
|
},
|
|
"card": {
|
|
"glass": {
|
|
"bg": { "value": "rgba(30, 41, 59, 0.4)", "type": "color" },
|
|
"border": { "value": "rgba(255, 255, 255, 0.05)", "type": "color" },
|
|
"borderRadius": { "value": "{core.borderRadius.xl}", "type": "borderRadius" },
|
|
"padding": { "value": "{core.spacing.6}", "type": "spacing" },
|
|
"backdropBlur": { "value": "12", "type": "other" }
|
|
},
|
|
"feature": {
|
|
"bg": { "value": "{component.card.glass.bg}", "type": "color" },
|
|
"borderRadius": { "value": "{core.borderRadius.xl}", "type": "borderRadius" },
|
|
"padding": { "value": "{core.spacing.8}", "type": "spacing" },
|
|
"borderTopWidth": { "value": "2", "type": "borderWidth" }
|
|
}
|
|
},
|
|
"input": {
|
|
"bg": { "value": "{core.color.slate.900}", "type": "color" },
|
|
"border": { "value": "{core.color.slate.700}", "type": "color" },
|
|
"borderFocus": { "value": "{core.color.brand.500}", "type": "color" },
|
|
"borderRadius": { "value": "{core.borderRadius.lg}", "type": "borderRadius" },
|
|
"paddingX": { "value": "{core.spacing.4}", "type": "spacing" },
|
|
"paddingY": { "value": "{core.spacing.3}", "type": "spacing" }
|
|
},
|
|
"badge": {
|
|
"borderRadius": { "value": "{core.borderRadius.full}", "type": "borderRadius" },
|
|
"paddingX": { "value": "{core.spacing.3}", "type": "spacing" },
|
|
"paddingY": { "value": "{core.spacing.1}", "type": "spacing" },
|
|
"fontSize": { "value": "{core.fontSize.xs}", "type": "fontSizes" }
|
|
},
|
|
"navbar": {
|
|
"height": { "value": "64", "type": "sizing" },
|
|
"bg": { "value": "rgba(11, 17, 32, 0.8)", "type": "color" },
|
|
"border": { "value": "rgba(255, 255, 255, 0.05)", "type": "color" },
|
|
"backdropBlur": { "value": "12", "type": "other" }
|
|
},
|
|
"modal": {
|
|
"bg": { "value": "rgba(15, 23, 42, 0.95)", "type": "color" },
|
|
"border": { "value": "rgba(255, 255, 255, 0.1)", "type": "color" },
|
|
"borderRadius": { "value": "{core.borderRadius.3xl}", "type": "borderRadius" },
|
|
"maxWidth": { "value": "800", "type": "sizing" },
|
|
"backdropBlur": { "value": "16", "type": "other" }
|
|
}
|
|
}
|
|
}
|