224 lines
4.4 KiB
JSON
224 lines
4.4 KiB
JSON
{
|
|
"meta": {
|
|
"name": "CLG Kit Design Tokens",
|
|
"version": "1.0.0",
|
|
"fontFamily": "Manrope",
|
|
"units": {
|
|
"dimension": "dp",
|
|
"type": "sp",
|
|
"motion": "ms"
|
|
}
|
|
},
|
|
"color": {
|
|
"brand": {
|
|
"ink": "#061430",
|
|
"cobalt": "#0559FA",
|
|
"cobaltPressed": "#0047D5",
|
|
"cobaltSoft": "#E7F0FF",
|
|
"coral": "#FF7A4F",
|
|
"coralSoft": "#FFE9E1",
|
|
"sky": "#D5F2FF",
|
|
"skySoft": "#F0FAFF"
|
|
},
|
|
"neutral": {
|
|
"canvas": "#F7F9FC",
|
|
"surface": "#FFFFFF",
|
|
"surfaceSubtle": "#F0F4F8",
|
|
"presentationBackdrop": "#E6EBF4",
|
|
"textPrimary": "#061430",
|
|
"textSecondary": "#4E6078",
|
|
"textMuted": "#68788F",
|
|
"textDisabled": "#9AA8B8",
|
|
"border": "#DDE5EE",
|
|
"divider": "#E9EEF4",
|
|
"scrim": "rgba(6, 20, 48, 0.46)"
|
|
},
|
|
"semantic": {
|
|
"success": {
|
|
"solid": "#168A63",
|
|
"text": "#117A57",
|
|
"soft": "#DDF5EC"
|
|
},
|
|
"warning": {
|
|
"solid": "#F0B44D",
|
|
"text": "#8A5900",
|
|
"soft": "#FFF4CE"
|
|
},
|
|
"danger": {
|
|
"solid": "#CF4038",
|
|
"text": "#A82E2A",
|
|
"soft": "#FFE9E7"
|
|
},
|
|
"neutral": {
|
|
"solid": "#68788F",
|
|
"text": "#4E6078",
|
|
"soft": "#EDF1F5"
|
|
}
|
|
},
|
|
"subject": {
|
|
"ocean": {
|
|
"surface": "#BFD5FF",
|
|
"accent": "#0559FA",
|
|
"text": "#061430"
|
|
},
|
|
"aqua": {
|
|
"surface": "#DDF7FA",
|
|
"accent": "#167F96",
|
|
"text": "#061430"
|
|
},
|
|
"lilac": {
|
|
"surface": "#FDF0FF",
|
|
"accent": "#9B4BA4",
|
|
"text": "#061430"
|
|
},
|
|
"sun": {
|
|
"surface": "#FFF3C4",
|
|
"accent": "#8A6400",
|
|
"text": "#061430"
|
|
},
|
|
"mint": {
|
|
"surface": "#DDF5EC",
|
|
"accent": "#117A57",
|
|
"text": "#061430"
|
|
},
|
|
"peach": {
|
|
"surface": "#FFE5D9",
|
|
"accent": "#B95230",
|
|
"text": "#061430"
|
|
}
|
|
}
|
|
},
|
|
"typography": {
|
|
"family": {
|
|
"primary": "Manrope",
|
|
"fallback": "system-ui"
|
|
},
|
|
"weight": {
|
|
"regular": 400,
|
|
"medium": 500,
|
|
"semibold": 600,
|
|
"bold": 700,
|
|
"extrabold": 800
|
|
},
|
|
"style": {
|
|
"display": {
|
|
"fontSize": 40,
|
|
"lineHeight": 44,
|
|
"fontWeight": 800,
|
|
"letterSpacing": -1.2
|
|
},
|
|
"heading1": {
|
|
"fontSize": 32,
|
|
"lineHeight": 38,
|
|
"fontWeight": 800,
|
|
"letterSpacing": -0.8
|
|
},
|
|
"heading2": {
|
|
"fontSize": 24,
|
|
"lineHeight": 30,
|
|
"fontWeight": 700,
|
|
"letterSpacing": -0.4
|
|
},
|
|
"heading3": {
|
|
"fontSize": 20,
|
|
"lineHeight": 26,
|
|
"fontWeight": 700,
|
|
"letterSpacing": -0.2
|
|
},
|
|
"title": {
|
|
"fontSize": 17,
|
|
"lineHeight": 23,
|
|
"fontWeight": 700,
|
|
"letterSpacing": 0
|
|
},
|
|
"body": {
|
|
"fontSize": 15,
|
|
"lineHeight": 22,
|
|
"fontWeight": 400,
|
|
"letterSpacing": 0
|
|
},
|
|
"bodySmall": {
|
|
"fontSize": 13,
|
|
"lineHeight": 19,
|
|
"fontWeight": 400,
|
|
"letterSpacing": 0
|
|
},
|
|
"label": {
|
|
"fontSize": 12,
|
|
"lineHeight": 16,
|
|
"fontWeight": 600,
|
|
"letterSpacing": 0.1
|
|
},
|
|
"caption": {
|
|
"fontSize": 11,
|
|
"lineHeight": 15,
|
|
"fontWeight": 500,
|
|
"letterSpacing": 0.1
|
|
}
|
|
}
|
|
},
|
|
"spacing": {
|
|
"0": 0,
|
|
"1": 2,
|
|
"2": 4,
|
|
"3": 8,
|
|
"4": 12,
|
|
"5": 16,
|
|
"6": 20,
|
|
"7": 24,
|
|
"8": 32,
|
|
"9": 40,
|
|
"10": 48,
|
|
"11": 64
|
|
},
|
|
"radius": {
|
|
"small": 8,
|
|
"control": 12,
|
|
"card": 16,
|
|
"feature": 20,
|
|
"sheet": 28,
|
|
"pill": 999
|
|
},
|
|
"size": {
|
|
"touchTargetMin": 44,
|
|
"control": 52,
|
|
"controlCompact": 40,
|
|
"iconSmall": 16,
|
|
"icon": 20,
|
|
"iconLarge": 24,
|
|
"iconContainer": 40,
|
|
"screenGutter": 20,
|
|
"screenGutterWide": 24,
|
|
"contentMaxWidth": 560,
|
|
"tabBar": 68
|
|
},
|
|
"border": {
|
|
"hairline": 1,
|
|
"focus": 2,
|
|
"accent": 4
|
|
},
|
|
"shadow": {
|
|
"none": {
|
|
"color": "#061430",
|
|
"opacity": 0,
|
|
"radius": 0,
|
|
"offsetY": 0,
|
|
"elevation": 0
|
|
},
|
|
"floating": {
|
|
"color": "#061430",
|
|
"opacity": 0.12,
|
|
"radius": 18,
|
|
"offsetY": 8,
|
|
"elevation": 8
|
|
}
|
|
},
|
|
"motion": {
|
|
"instant": 100,
|
|
"quick": 160,
|
|
"standard": 220,
|
|
"emphasized": 320,
|
|
"pressedScale": 0.98
|
|
}
|
|
}
|