148 lines
3.9 KiB
JSON
148 lines
3.9 KiB
JSON
{
|
|
"$schema": "https://json.schemastore.org/design-tokens.json",
|
|
"name": "Gemold UI",
|
|
"version": "2.0.0",
|
|
"modes": ["light", "dark"],
|
|
"tokens": {
|
|
"color": {
|
|
"brand": {
|
|
"50": { "value": "#eef2ff" },
|
|
"100": { "value": "#e0e7ff" },
|
|
"200": { "value": "#c7d2fe" },
|
|
"300": { "value": "#a5b4fc" },
|
|
"400": { "value": "#818cf8" },
|
|
"500": { "value": "#6366f1" },
|
|
"600": { "value": "#4f46e5" },
|
|
"700": { "value": "#4338ca" },
|
|
"800": { "value": "#3730a3" },
|
|
"900": { "value": "#312e81" }
|
|
},
|
|
"neutral": {
|
|
"50": { "value": "#fafafa" },
|
|
"100": { "value": "#f4f4f5" },
|
|
"200": { "value": "#e4e4e7" },
|
|
"300": { "value": "#d4d4d8" },
|
|
"400": { "value": "#a1a1aa" },
|
|
"500": { "value": "#71717a" },
|
|
"600": { "value": "#52525b" },
|
|
"700": { "value": "#3f3f46" },
|
|
"800": { "value": "#27272a" },
|
|
"900": { "value": "#18181b" }
|
|
},
|
|
"semantic": {
|
|
"success": { "value": "#16a34a" },
|
|
"warning": { "value": "#d97706" },
|
|
"danger": { "value": "#dc2626" },
|
|
"info": { "value": "{color.brand.600}" }
|
|
},
|
|
"surface": {
|
|
"bgPrimary": {
|
|
"value": {
|
|
"light": "#ffffff",
|
|
"dark": "#0a1020"
|
|
}
|
|
},
|
|
"bgSecondary": {
|
|
"value": {
|
|
"light": "#f8fafc",
|
|
"dark": "#0b1326"
|
|
}
|
|
},
|
|
"bgTertiary": {
|
|
"value": {
|
|
"light": "#f1f5f9",
|
|
"dark": "#0d1930"
|
|
}
|
|
},
|
|
"borderDefault": {
|
|
"value": {
|
|
"light": "rgba(15, 23, 42, 0.12)",
|
|
"dark": "rgba(255, 255, 255, 0.10)"
|
|
}
|
|
}
|
|
},
|
|
"text": {
|
|
"primary": {
|
|
"value": {
|
|
"light": "#111827",
|
|
"dark": "#f3f4f6"
|
|
}
|
|
},
|
|
"secondary": {
|
|
"value": {
|
|
"light": "#374151",
|
|
"dark": "#d1d5db"
|
|
}
|
|
},
|
|
"tertiary": {
|
|
"value": {
|
|
"light": "#6b7280",
|
|
"dark": "#9ca3af"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"typography": {
|
|
"fontFamily": {
|
|
"sans": {
|
|
"value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"
|
|
},
|
|
"mono": {
|
|
"value": "'SF Mono', Monaco, Consolas, monospace"
|
|
}
|
|
},
|
|
"fontSize": {
|
|
"xs": { "value": "0.75rem" },
|
|
"sm": { "value": "0.875rem" },
|
|
"base": { "value": "1rem" },
|
|
"lg": { "value": "1.125rem" },
|
|
"xl": { "value": "1.25rem" },
|
|
"2xl": { "value": "1.5rem" },
|
|
"3xl": { "value": "1.875rem" }
|
|
},
|
|
"fontWeight": {
|
|
"normal": { "value": 400 },
|
|
"medium": { "value": 500 },
|
|
"semibold": { "value": 600 },
|
|
"bold": { "value": 700 }
|
|
}
|
|
},
|
|
"spacing": {
|
|
"1": { "value": "0.25rem" },
|
|
"2": { "value": "0.5rem" },
|
|
"3": { "value": "0.75rem" },
|
|
"4": { "value": "1rem" },
|
|
"5": { "value": "1.25rem" },
|
|
"6": { "value": "1.5rem" },
|
|
"8": { "value": "2rem" },
|
|
"10": { "value": "2.5rem" },
|
|
"12": { "value": "3rem" }
|
|
},
|
|
"radius": {
|
|
"sm": { "value": "0.5rem" },
|
|
"md": { "value": "0.75rem" },
|
|
"lg": { "value": "1rem" },
|
|
"xl": { "value": "1.25rem" },
|
|
"full": { "value": "9999px" }
|
|
},
|
|
"shadow": {
|
|
"xs": { "value": "0 1px 2px rgba(15, 23, 42, 0.06)" },
|
|
"sm": { "value": "0 2px 10px rgba(15, 23, 42, 0.08)" },
|
|
"md": { "value": "0 12px 30px rgba(15, 23, 42, 0.12)" }
|
|
},
|
|
"motion": {
|
|
"easing": {
|
|
"standard": { "value": "cubic-bezier(0.4, 0, 0.2, 1)" }
|
|
},
|
|
"duration": {
|
|
"fast": { "value": "140ms" },
|
|
"normal": { "value": "180ms" },
|
|
"slow": { "value": "260ms" }
|
|
},
|
|
"reducedMotion": {
|
|
"value": "prefers-reduced-motion: reduce"
|
|
}
|
|
}
|
|
}
|
|
}
|