feat(design-tokens): add JarvisJr product color palette to bytelyst.tokens.json
This commit is contained in:
saravanakumardb1
parent
8b36cd9e4d
commit
a0157211f5
@ -1,184 +1,195 @@
|
||||
// Auto-generated from bytelyst.tokens.json — do not edit manually
|
||||
|
||||
export const tokens = {
|
||||
meta: {
|
||||
name: 'ByteLyst Design Tokens',
|
||||
version: '1.0.0',
|
||||
updatedAt: '2026-02-12',
|
||||
scale: '8pt',
|
||||
"meta": {
|
||||
"name": "ByteLyst Design Tokens",
|
||||
"version": "1.0.0",
|
||||
"updatedAt": "2026-02-12",
|
||||
"scale": "8pt"
|
||||
},
|
||||
color: {
|
||||
palette: {
|
||||
neutral: {
|
||||
'0': '#FFFFFF',
|
||||
'50': '#F6F8FC',
|
||||
'100': '#EEF2FA',
|
||||
'200': '#DCE4F2',
|
||||
'300': '#BFCBDE',
|
||||
'400': '#92A1BA',
|
||||
'500': '#6C7C98',
|
||||
'600': '#55637A',
|
||||
'700': '#3B455A',
|
||||
'800': '#1A2335',
|
||||
'900': '#0E1320',
|
||||
'950': '#06070A',
|
||||
},
|
||||
brand: {
|
||||
blue: '#5A8CFF',
|
||||
cyan: '#2EE6D6',
|
||||
coral: '#FF6E6E',
|
||||
gold: '#FFD166',
|
||||
mint: '#34D399',
|
||||
warning: '#F59E0B',
|
||||
"color": {
|
||||
"palette": {
|
||||
"neutral": {
|
||||
"0": "#FFFFFF",
|
||||
"50": "#F6F8FC",
|
||||
"100": "#EEF2FA",
|
||||
"200": "#DCE4F2",
|
||||
"300": "#BFCBDE",
|
||||
"400": "#92A1BA",
|
||||
"500": "#6C7C98",
|
||||
"600": "#55637A",
|
||||
"700": "#3B455A",
|
||||
"800": "#1A2335",
|
||||
"900": "#0E1320",
|
||||
"950": "#06070A"
|
||||
},
|
||||
"brand": {
|
||||
"blue": "#5A8CFF",
|
||||
"cyan": "#2EE6D6",
|
||||
"coral": "#FF6E6E",
|
||||
"gold": "#FFD166",
|
||||
"mint": "#34D399",
|
||||
"warning": "#F59E0B"
|
||||
}
|
||||
},
|
||||
semantic: {
|
||||
dark: {
|
||||
bgCanvas: '#06070A',
|
||||
bgElevated: '#0E1118',
|
||||
surfaceCard: '#121725',
|
||||
surfaceMuted: '#1A2335',
|
||||
borderDefault: 'rgba(255,255,255,0.12)',
|
||||
borderStrong: 'rgba(255,255,255,0.22)',
|
||||
textPrimary: '#EFF4FF',
|
||||
textSecondary: '#A5B1C7',
|
||||
textTertiary: '#6C7C98',
|
||||
accentPrimary: '#5A8CFF',
|
||||
accentSecondary: '#2EE6D6',
|
||||
success: '#34D399',
|
||||
warning: '#F59E0B',
|
||||
danger: '#FF6E6E',
|
||||
focusRing: 'rgba(90,140,255,0.45)',
|
||||
overlayScrim: 'rgba(5,8,18,0.72)',
|
||||
},
|
||||
light: {
|
||||
bgCanvas: '#F6F8FC',
|
||||
bgElevated: '#EEF2FA',
|
||||
surfaceCard: '#FFFFFF',
|
||||
surfaceMuted: '#F3F5FA',
|
||||
borderDefault: 'rgba(14,19,32,0.12)',
|
||||
borderStrong: 'rgba(14,19,32,0.24)',
|
||||
textPrimary: '#0E1320',
|
||||
textSecondary: '#55637A',
|
||||
textTertiary: '#6C7C98',
|
||||
accentPrimary: '#5A8CFF',
|
||||
accentSecondary: '#2EE6D6',
|
||||
success: '#13956A',
|
||||
warning: '#B87504',
|
||||
danger: '#D24242',
|
||||
focusRing: 'rgba(90,140,255,0.35)',
|
||||
overlayScrim: 'rgba(10,13,23,0.5)',
|
||||
"semantic": {
|
||||
"dark": {
|
||||
"bgCanvas": "#06070A",
|
||||
"bgElevated": "#0E1118",
|
||||
"surfaceCard": "#121725",
|
||||
"surfaceMuted": "#1A2335",
|
||||
"borderDefault": "rgba(255,255,255,0.12)",
|
||||
"borderStrong": "rgba(255,255,255,0.22)",
|
||||
"textPrimary": "#EFF4FF",
|
||||
"textSecondary": "#A5B1C7",
|
||||
"textTertiary": "#6C7C98",
|
||||
"accentPrimary": "#5A8CFF",
|
||||
"accentSecondary": "#2EE6D6",
|
||||
"success": "#34D399",
|
||||
"warning": "#F59E0B",
|
||||
"danger": "#FF6E6E",
|
||||
"focusRing": "rgba(90,140,255,0.45)",
|
||||
"overlayScrim": "rgba(5,8,18,0.72)"
|
||||
},
|
||||
"light": {
|
||||
"bgCanvas": "#F6F8FC",
|
||||
"bgElevated": "#EEF2FA",
|
||||
"surfaceCard": "#FFFFFF",
|
||||
"surfaceMuted": "#F3F5FA",
|
||||
"borderDefault": "rgba(14,19,32,0.12)",
|
||||
"borderStrong": "rgba(14,19,32,0.24)",
|
||||
"textPrimary": "#0E1320",
|
||||
"textSecondary": "#55637A",
|
||||
"textTertiary": "#6C7C98",
|
||||
"accentPrimary": "#5A8CFF",
|
||||
"accentSecondary": "#2EE6D6",
|
||||
"success": "#13956A",
|
||||
"warning": "#B87504",
|
||||
"danger": "#D24242",
|
||||
"focusRing": "rgba(90,140,255,0.35)",
|
||||
"overlayScrim": "rgba(10,13,23,0.5)"
|
||||
}
|
||||
},
|
||||
brain: {
|
||||
work: {
|
||||
from: '#5A8CFF',
|
||||
to: '#2EE6D6',
|
||||
"brain": {
|
||||
"work": {
|
||||
"from": "#5A8CFF",
|
||||
"to": "#2EE6D6"
|
||||
},
|
||||
home: {
|
||||
from: '#FF6E6E',
|
||||
to: '#FFD166',
|
||||
"home": {
|
||||
"from": "#FF6E6E",
|
||||
"to": "#FFD166"
|
||||
},
|
||||
money: {
|
||||
from: '#34D399',
|
||||
to: '#2EE6D6',
|
||||
"money": {
|
||||
"from": "#34D399",
|
||||
"to": "#2EE6D6"
|
||||
},
|
||||
health: {
|
||||
from: '#2EE6D6',
|
||||
to: '#9FE870',
|
||||
},
|
||||
global: {
|
||||
from: '#7D8FB4',
|
||||
to: '#A5B1C7',
|
||||
"health": {
|
||||
"from": "#2EE6D6",
|
||||
"to": "#9FE870"
|
||||
},
|
||||
"global": {
|
||||
"from": "#7D8FB4",
|
||||
"to": "#A5B1C7"
|
||||
}
|
||||
},
|
||||
"jarvisjr": {
|
||||
"accentPrimary": "#7C6BFF",
|
||||
"accentSecondary": "#5AE6C8",
|
||||
"accentVoice": "#FF6B8A",
|
||||
"agentCoach": "#5A8CFF",
|
||||
"agentLingua": "#FFB74D",
|
||||
"agentSpark": "#E040FB",
|
||||
"agentMentor": "#34D399",
|
||||
"agentMirror": "#2EE6D6",
|
||||
"agentOrator": "#FF9F43"
|
||||
}
|
||||
},
|
||||
typography: {
|
||||
fontFamily: {
|
||||
display: "'Space Grotesk', 'SF Pro Display', sans-serif",
|
||||
body: "'DM Sans', 'SF Pro Text', sans-serif",
|
||||
mono: "'IBM Plex Mono', 'SF Mono', monospace",
|
||||
"typography": {
|
||||
"fontFamily": {
|
||||
"display": "'Space Grotesk', 'SF Pro Display', sans-serif",
|
||||
"body": "'DM Sans', 'SF Pro Text', sans-serif",
|
||||
"mono": "'IBM Plex Mono', 'SF Mono', monospace"
|
||||
},
|
||||
fontWeight: {
|
||||
regular: 400,
|
||||
medium: 500,
|
||||
semibold: 600,
|
||||
bold: 700,
|
||||
"fontWeight": {
|
||||
"regular": 400,
|
||||
"medium": 500,
|
||||
"semibold": 600,
|
||||
"bold": 700
|
||||
},
|
||||
fontSize: {
|
||||
xs: 12,
|
||||
sm: 14,
|
||||
md: 16,
|
||||
lg: 18,
|
||||
xl: 22,
|
||||
'2xl': 28,
|
||||
'3xl': 36,
|
||||
"fontSize": {
|
||||
"xs": 12,
|
||||
"sm": 14,
|
||||
"md": 16,
|
||||
"lg": 18,
|
||||
"xl": 22,
|
||||
"2xl": 28,
|
||||
"3xl": 36
|
||||
},
|
||||
lineHeight: {
|
||||
tight: 1.2,
|
||||
normal: 1.45,
|
||||
relaxed: 1.65,
|
||||
"lineHeight": {
|
||||
"tight": 1.2,
|
||||
"normal": 1.45,
|
||||
"relaxed": 1.65
|
||||
},
|
||||
letterSpacing: {
|
||||
tight: -0.02,
|
||||
normal: 0,
|
||||
wide: 0.02,
|
||||
"letterSpacing": {
|
||||
"tight": -0.02,
|
||||
"normal": 0,
|
||||
"wide": 0.02
|
||||
}
|
||||
},
|
||||
"spacing": {
|
||||
"0": 0,
|
||||
"1": 4,
|
||||
"2": 8,
|
||||
"3": 12,
|
||||
"4": 16,
|
||||
"5": 20,
|
||||
"6": 24,
|
||||
"7": 28,
|
||||
"8": 32,
|
||||
"10": 40,
|
||||
"12": 48,
|
||||
"16": 64
|
||||
},
|
||||
"radius": {
|
||||
"xs": 8,
|
||||
"sm": 12,
|
||||
"md": 16,
|
||||
"lg": 20,
|
||||
"xl": 24,
|
||||
"pill": 999
|
||||
},
|
||||
"elevation": {
|
||||
"none": "0 0 0 rgba(0,0,0,0)",
|
||||
"sm": "0 4px 12px rgba(0,0,0,0.12)",
|
||||
"md": "0 12px 28px rgba(0,0,0,0.18)",
|
||||
"lg": "0 20px 48px rgba(0,0,0,0.24)"
|
||||
},
|
||||
"motion": {
|
||||
"duration": {
|
||||
"instant": 70,
|
||||
"fast": 140,
|
||||
"base": 220,
|
||||
"slow": 320
|
||||
},
|
||||
"easing": {
|
||||
"standard": "cubic-bezier(0.2, 0.0, 0.2, 1)",
|
||||
"decelerate": "cubic-bezier(0.0, 0.0, 0.2, 1)",
|
||||
"accelerate": "cubic-bezier(0.4, 0.0, 1, 1)"
|
||||
}
|
||||
},
|
||||
spacing: {
|
||||
'0': 0,
|
||||
'1': 4,
|
||||
'2': 8,
|
||||
'3': 12,
|
||||
'4': 16,
|
||||
'5': 20,
|
||||
'6': 24,
|
||||
'7': 28,
|
||||
'8': 32,
|
||||
'10': 40,
|
||||
'12': 48,
|
||||
'16': 64,
|
||||
},
|
||||
radius: {
|
||||
xs: 8,
|
||||
sm: 12,
|
||||
md: 16,
|
||||
lg: 20,
|
||||
xl: 24,
|
||||
pill: 999,
|
||||
},
|
||||
elevation: {
|
||||
none: '0 0 0 rgba(0,0,0,0)',
|
||||
sm: '0 4px 12px rgba(0,0,0,0.12)',
|
||||
md: '0 12px 28px rgba(0,0,0,0.18)',
|
||||
lg: '0 20px 48px rgba(0,0,0,0.24)',
|
||||
},
|
||||
motion: {
|
||||
duration: {
|
||||
instant: 70,
|
||||
fast: 140,
|
||||
base: 220,
|
||||
slow: 320,
|
||||
},
|
||||
easing: {
|
||||
standard: 'cubic-bezier(0.2, 0.0, 0.2, 1)',
|
||||
decelerate: 'cubic-bezier(0.0, 0.0, 0.2, 1)',
|
||||
accelerate: 'cubic-bezier(0.4, 0.0, 1, 1)',
|
||||
},
|
||||
},
|
||||
breakpoints: {
|
||||
mobile: 0,
|
||||
tablet: 768,
|
||||
desktop: 1200,
|
||||
wide: 1440,
|
||||
},
|
||||
layout: {
|
||||
maxContentWidth: 1280,
|
||||
mobileGutter: 16,
|
||||
tabletGutter: 24,
|
||||
desktopGutter: 32,
|
||||
touchTargetMin: 44,
|
||||
"breakpoints": {
|
||||
"mobile": 0,
|
||||
"tablet": 768,
|
||||
"desktop": 1200,
|
||||
"wide": 1440
|
||||
},
|
||||
"layout": {
|
||||
"maxContentWidth": 1280,
|
||||
"mobileGutter": 16,
|
||||
"tabletGutter": 24,
|
||||
"desktopGutter": 32,
|
||||
"touchTargetMin": 44
|
||||
}
|
||||
} as const;
|
||||
|
||||
export type Tokens = typeof tokens;
|
||||
|
||||
@ -74,6 +74,17 @@
|
||||
"money": { "from": "#34D399", "to": "#2EE6D6" },
|
||||
"health": { "from": "#2EE6D6", "to": "#9FE870" },
|
||||
"global": { "from": "#7D8FB4", "to": "#A5B1C7" }
|
||||
},
|
||||
"jarvisjr": {
|
||||
"accentPrimary": "#7C6BFF",
|
||||
"accentSecondary": "#5AE6C8",
|
||||
"accentVoice": "#FF6B8A",
|
||||
"agentCoach": "#5A8CFF",
|
||||
"agentLingua": "#FFB74D",
|
||||
"agentSpark": "#E040FB",
|
||||
"agentMentor": "#34D399",
|
||||
"agentMirror": "#2EE6D6",
|
||||
"agentOrator": "#FF9F43"
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user