<aside>
이번에는 새로운 스타일을 자유롭게 제안하기보다, 첨부한 JSON의 컬러 스타일과 텍스트 스타일을 최대한 반영해서 우리 회사 디자인 시스템이 적용된 실제 서비스처럼 보이게 만들어줘.
추가 디자인 규칙:
안녕하세요, 요즘 디자인을 알려주는 요즘 유령, 요디예요!
원하는 디자인시스템을 JSON으로 추출하여 함께 첨부하고, 이 프롬프트을 자유롭게 수정해서 본인에게 맞게 사용해 보세요👻
{
"fileName": "[DS] Design System",
"textStyles": [
{
"name": "Display/1",
"fontFamily": "Pretendard",
"fontWeight": "SemiBold",
"fontSize": 96,
"letterSpacing": {
"unit": "PERCENT",
"value": -2.799999952316284
},
"textCase": "ORIGINAL"
},
{
"name": "Display/2",
"fontFamily": "Pretendard",
"fontWeight": "SemiBold",
"fontSize": 80,
"letterSpacing": {
"unit": "PERCENT",
"value": -2.799999952316284
},
"textCase": "ORIGINAL"
},
{
"name": "Display/3",
"fontFamily": "Pretendard",
"fontWeight": "SemiBold",
"fontSize": 64,
"letterSpacing": {
"unit": "PERCENT",
"value": -2.799999952316284
},
"textCase": "ORIGINAL"
},
{
"name": "Display/4",
"fontFamily": "Pretendard",
"fontWeight": "SemiBold",
"fontSize": 48,
"letterSpacing": {
"unit": "PERCENT",
"value": -2.5
},
"textCase": "ORIGINAL"
},
{
"name": "Display/5",
"fontFamily": "Pretendard",
"fontWeight": "SemiBold",
"fontSize": 40,
"letterSpacing": {
"unit": "PERCENT",
"value": -2.5
},
"textCase": "ORIGINAL"
},
{
"name": "Display/6",
"fontFamily": "Pretendard",
"fontWeight": "SemiBold",
"fontSize": 36,
"letterSpacing": {
"unit": "PERCENT",
"value": -2.5
},
"textCase": "ORIGINAL"
},
{
"name": "Display/7",
"fontFamily": "Pretendard",
"fontWeight": "SemiBold",
"fontSize": 32,
"letterSpacing": {
"unit": "PERCENT",
"value": -2.5
},
"textCase": "ORIGINAL"
},
{
"name": "Headline/1",
"fontFamily": "Pretendard",
"fontWeight": "Bold",
"fontSize": 40,
"letterSpacing": {
"unit": "PERCENT",
"value": -2.200000047683716
},
"textCase": "ORIGINAL"
},
{
"name": "Headline/2",
"fontFamily": "Pretendard",
"fontWeight": "Bold",
"fontSize": 32,
"letterSpacing": {
"unit": "PERCENT",
"value": -2.200000047683716
},
"textCase": "ORIGINAL"
},
{
"name": "Headline/3",
"fontFamily": "Pretendard",
"fontWeight": "Bold",
"fontSize": 28,
"letterSpacing": {
"unit": "PERCENT",
"value": -2.200000047683716
},
"textCase": "ORIGINAL"
},
{
"name": "Headline/4",
"fontFamily": "Pretendard",
"fontWeight": "Bold",
"fontSize": 24,
"letterSpacing": {
"unit": "PERCENT",
"value": -2.200000047683716
},
"textCase": "ORIGINAL"
},
{
"name": "Headline/5",
"fontFamily": "Pretendard",
"fontWeight": "Bold",
"fontSize": 22,
"letterSpacing": {
"unit": "PERCENT",
"value": -2.200000047683716
},
"textCase": "ORIGINAL"
},
{
"name": "Headline/6",
"fontFamily": "Pretendard",
"fontWeight": "Bold",
"fontSize": 20,
"letterSpacing": {
"unit": "PERCENT",
"value": -2.200000047683716
},
"textCase": "ORIGINAL"
},
{
"name": "Headline/7",
"fontFamily": "Pretendard",
"fontWeight": "Bold",
"fontSize": 18,
"letterSpacing": {
"unit": "PERCENT",
"value": -2.200000047683716
},
"textCase": "ORIGINAL"
},
{
"name": "Headline/8",
"fontFamily": "Pretendard",
"fontWeight": "Bold",
"fontSize": 16,
"letterSpacing": {
"unit": "PERCENT",
"value": -2.200000047683716
},
"textCase": "ORIGINAL"
},
{
"name": "Title/1",
"fontFamily": "Pretendard",
"fontWeight": "SemiBold",
"fontSize": 32,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Title/2",
"fontFamily": "Pretendard",
"fontWeight": "SemiBold",
"fontSize": 28,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Title/3",
"fontFamily": "Pretendard",
"fontWeight": "SemiBold",
"fontSize": 24,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Title/4",
"fontFamily": "Pretendard",
"fontWeight": "SemiBold",
"fontSize": 20,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Title/5",
"fontFamily": "Pretendard",
"fontWeight": "SemiBold",
"fontSize": 18,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Title/6",
"fontFamily": "Pretendard",
"fontWeight": "SemiBold",
"fontSize": 16,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Title/7",
"fontFamily": "Pretendard",
"fontWeight": "SemiBold",
"fontSize": 14,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Body/1",
"fontFamily": "Pretendard",
"fontWeight": "Medium",
"fontSize": 18,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Body/2",
"fontFamily": "Pretendard",
"fontWeight": "Medium",
"fontSize": 16,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Body/3",
"fontFamily": "Pretendard",
"fontWeight": "Medium",
"fontSize": 15,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Body/4",
"fontFamily": "Pretendard",
"fontWeight": "Medium",
"fontSize": 14,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Body/5",
"fontFamily": "Pretendard",
"fontWeight": "Medium",
"fontSize": 12,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Caption/1",
"fontFamily": "Pretendard",
"fontWeight": "Regular",
"fontSize": 24,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Caption/2",
"fontFamily": "Pretendard",
"fontWeight": "Regular",
"fontSize": 18,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Caption/3",
"fontFamily": "Pretendard",
"fontWeight": "Regular",
"fontSize": 16,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Caption/4",
"fontFamily": "Pretendard",
"fontWeight": "Regular",
"fontSize": 14,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Caption/5",
"fontFamily": "Pretendard",
"fontWeight": "Regular",
"fontSize": 13,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Caption/6",
"fontFamily": "Pretendard",
"fontWeight": "Regular",
"fontSize": 12,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
},
{
"name": "Caption/7",
"fontFamily": "Pretendard",
"fontWeight": "Regular",
"fontSize": 11,
"letterSpacing": {
"unit": "PERCENT",
"value": -2
},
"textCase": "ORIGINAL"
}
]
}
[
{
"Color": {
"modes": {
"Light": {
"primary": {
"main": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ff683d"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 104, 61, 0.3)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 104, 61, 0.1)"
}
},
"secondary": {
"main": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#3871ff"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(56, 113, 255, 0.3)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(56, 113, 255, 0.1)"
}
},
"system": {
"text": {
"black": {
"static": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.900}"
},
"primary": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.900}"
},
"secondary": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.700}"
},
"tertiary": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.500}"
},
"disabled": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.300}"
}
},
"white": {
"static": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.white.100}"
},
"primary": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.white.100}"
},
"secondary": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.200}"
},
"tertiary": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.500}"
},
"disabled": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.700}"
}
}
},
"border": {
"bold": {
"$scopes": [
"FRAME_FILL",
"STROKE_COLOR"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.400}"
},
"medium": {
"$scopes": [
"FRAME_FILL",
"STROKE_COLOR"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.300}"
},
"default": {
"$scopes": [
"FRAME_FILL",
"STROKE_COLOR"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.200}"
},
"light": {
"$scopes": [
"FRAME_FILL",
"STROKE_COLOR"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.100}"
}
},
"gray cool": {
"50": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#f9fafb"
},
"100": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#f2f4f6"
},
"200": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#e5e8eb"
},
"300": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#d1d6db"
},
"400": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#b0b8c1"
},
"500": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#8b95a1"
},
"600": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#6b7684"
},
"700": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#4e5968"
},
"800": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#333d4b"
},
"900": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#191f28"
}
},
"gray neutral": {
"50": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#fafafa"
},
"100": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#f4f4f4"
},
"200": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ededed"
},
"300": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#dfdfdf"
},
"400": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#cacaca"
},
"500": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ababab"
},
"600": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#8c8c8c"
},
"700": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#6d6d6d"
},
"800": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#3c3c3c"
},
"900": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#121212"
}
},
"black": {
"5": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.05)"
},
"10": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.1)"
},
"20": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.2)"
},
"30": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.3)"
},
"40": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.4)"
},
"50": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.5)"
},
"60": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.6)"
},
"70": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.7)"
},
"80": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.8)"
},
"90": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.9)"
},
"100": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#000000"
}
},
"white": {
"5": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.05)"
},
"10": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.1)"
},
"20": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.2)"
},
"30": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.3)"
},
"40": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.4)"
},
"50": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.5)"
},
"60": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.6)"
},
"70": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.7)"
},
"80": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.8)"
},
"90": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.9)"
},
"100": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ffffff"
}
},
"elevation": {
"background": {
"level-0": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ffffff"
},
"level-1": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ffffff"
},
"level-2": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ffffff"
},
"level-3": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ffffff"
}
},
"shadow": {
"level-0": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(145, 158, 171, 0)"
},
"level-1": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(145, 158, 171, 0.16)"
},
"level-2": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(145, 158, 171, 0.2)"
},
"level-3": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(145, 158, 171, 0.24)"
}
}
},
"state": {
"success": {
"default": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#3871ff"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(56, 113, 255, 0.3)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(56, 113, 255, 0.1)"
}
},
"alert": {
"default": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ffbc44"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 188, 68, 0.3)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 188, 68, 0.1)"
}
},
"error": {
"default": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ff4b3b"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 75, 59, 0.3)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 75, 59, 0.1)"
}
}
}
}
},
"Dark": {
"primary": {
"main": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ff683d"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 104, 61, 0.5)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 104, 61, 0.2)"
}
},
"secondary": {
"main": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#3871ff"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(56, 113, 255, 0.5)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(56, 113, 255, 0.2)"
}
},
"system": {
"text": {
"black": {
"static": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#191f28"
},
"primary": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.900}"
},
"secondary": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.700}"
},
"tertiary": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.500}"
},
"disabled": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.300}"
}
},
"white": {
"static": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$value": "#ffffff"
},
"primary": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.white.100}"
},
"secondary": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.200}"
},
"tertiary": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.500}"
},
"disabled": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.700}"
}
}
},
"border": {
"bold": {
"$scopes": [
"FRAME_FILL",
"STROKE_COLOR"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.400}"
},
"medium": {
"$scopes": [
"FRAME_FILL",
"STROKE_COLOR"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.200}"
},
"default": {
"$scopes": [
"FRAME_FILL",
"STROKE_COLOR"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.100}"
},
"light": {
"$scopes": [
"FRAME_FILL",
"STROKE_COLOR"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.50}"
}
},
"gray cool": {
"50": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#191f28"
},
"100": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#333d4b"
},
"200": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#4e5968"
},
"300": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#6b7684"
},
"400": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#8b95a1"
},
"500": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#b0b8c1"
},
"600": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#d1d6db"
},
"700": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#e5e8eb"
},
"800": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#f2f4f6"
},
"900": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#f9fafb"
}
},
"gray neutral": {
"50": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#121212"
},
"100": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#3c3c3c"
},
"200": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#6d6d6d"
},
"300": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#8c8c8c"
},
"400": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ababab"
},
"500": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#cacaca"
},
"600": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#dfdfdf"
},
"700": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ededed"
},
"800": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#f4f4f4"
},
"900": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#fafafa"
}
},
"black": {
"5": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.09)"
},
"10": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.1)"
},
"20": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.2)"
},
"30": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.3)"
},
"40": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.4)"
},
"50": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.5)"
},
"60": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.6)"
},
"70": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.7)"
},
"80": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.8)"
},
"90": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.9)"
},
"100": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ffffff"
}
},
"white": {
"5": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.05)"
},
"10": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.1)"
},
"20": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.2)"
},
"30": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.3)"
},
"40": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.4)"
},
"50": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.5)"
},
"60": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.6)"
},
"70": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.7)"
},
"80": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.8)"
},
"90": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.9)"
},
"100": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#000000"
}
},
"elevation": {
"background": {
"level-0": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#0b1017"
},
"level-1": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#121821"
},
"level-2": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#1c232e"
},
"level-3": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#242d3a"
}
},
"shadow": {
"level-0": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(11, 16, 23, 0)"
},
"level-1": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(11, 16, 23, 0)"
},
"level-2": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(11, 16, 23, 0)"
},
"level-3": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(11, 16, 23, 0)"
}
}
},
"state": {
"success": {
"default": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#3871ff"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(56, 113, 255, 0.3)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(56, 113, 255, 0.1)"
}
},
"alert": {
"default": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ffbc44"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 188, 68, 0.3)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 188, 68, 0.1)"
}
},
"error": {
"default": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ff4b3b"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 75, 59, 0.3)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 75, 59, 0.1)"
}
}
}
}
},
"ksnet": {
"primary": {
"main": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ed0380"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(237, 3, 128, 0.5)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(237, 3, 128, 0.2)"
}
},
"secondary": {
"main": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ff683d"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 104, 61, 0.5)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 104, 61, 0.2)"
}
},
"system": {
"text": {
"black": {
"static": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#191f28"
},
"primary": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.900}"
},
"secondary": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.700}"
},
"tertiary": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.500}"
},
"disabled": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.300}"
}
},
"white": {
"static": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$value": "#ffffff"
},
"primary": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.white.100}"
},
"secondary": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.200}"
},
"tertiary": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.500}"
},
"disabled": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.700}"
}
}
},
"border": {
"bold": {
"$scopes": [
"FRAME_FILL",
"STROKE_COLOR"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.400}"
},
"medium": {
"$scopes": [
"FRAME_FILL",
"STROKE_COLOR"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.200}"
},
"default": {
"$scopes": [
"FRAME_FILL",
"STROKE_COLOR"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.100}"
},
"light": {
"$scopes": [
"FRAME_FILL",
"STROKE_COLOR"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.50}"
}
},
"gray cool": {
"50": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#191f28"
},
"100": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#333d4b"
},
"200": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#4e5968"
},
"300": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#6b7684"
},
"400": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#8b95a1"
},
"500": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#b0b8c1"
},
"600": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#d1d6db"
},
"700": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#e5e8eb"
},
"800": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#f2f4f6"
},
"900": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#f9fafb"
}
},
"gray neutral": {
"50": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#121212"
},
"100": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#3c3c3c"
},
"200": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#6d6d6d"
},
"300": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#8c8c8c"
},
"400": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ababab"
},
"500": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#cacaca"
},
"600": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#dfdfdf"
},
"700": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ededed"
},
"800": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#f4f4f4"
},
"900": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#fafafa"
}
},
"black": {
"5": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.09)"
},
"10": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.1)"
},
"20": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.2)"
},
"30": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.3)"
},
"40": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.4)"
},
"50": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.5)"
},
"60": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.6)"
},
"70": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.7)"
},
"80": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.8)"
},
"90": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.9)"
},
"100": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ffffff"
}
},
"white": {
"5": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.05)"
},
"10": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.1)"
},
"20": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.2)"
},
"30": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.3)"
},
"40": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.4)"
},
"50": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.5)"
},
"60": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.6)"
},
"70": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.7)"
},
"80": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.8)"
},
"90": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.9)"
},
"100": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#000000"
}
},
"elevation": {
"background": {
"level-0": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#0b1017"
},
"level-1": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#121821"
},
"level-2": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#1c232e"
},
"level-3": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#242d3a"
}
},
"shadow": {
"level-0": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(11, 16, 23, 0)"
},
"level-1": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(11, 16, 23, 0)"
},
"level-2": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(11, 16, 23, 0)"
},
"level-3": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(11, 16, 23, 0)"
}
}
},
"state": {
"success": {
"default": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#3871ff"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(56, 113, 255, 0.3)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(56, 113, 255, 0.1)"
}
},
"alert": {
"default": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ffbc44"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 188, 68, 0.3)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 188, 68, 0.1)"
}
},
"error": {
"default": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ff4b3b"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 75, 59, 0.3)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 75, 59, 0.1)"
}
}
}
}
},
"초등": {
"primary": {
"main": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ff7005"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 112, 5, 0.3)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 112, 5, 0.1)"
}
},
"secondary": {
"main": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#009dff"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 157, 255, 0.3)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 157, 255, 0.1)"
}
},
"system": {
"text": {
"black": {
"static": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.900}"
},
"primary": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.900}"
},
"secondary": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.700}"
},
"tertiary": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.500}"
},
"disabled": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.300}"
}
},
"white": {
"static": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.white.100}"
},
"primary": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.white.100}"
},
"secondary": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.200}"
},
"tertiary": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.500}"
},
"disabled": {
"$scopes": [
"TEXT_FILL"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.700}"
}
}
},
"border": {
"bold": {
"$scopes": [
"FRAME_FILL",
"STROKE_COLOR"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.400}"
},
"medium": {
"$scopes": [
"FRAME_FILL",
"STROKE_COLOR"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.300}"
},
"default": {
"$scopes": [
"FRAME_FILL",
"STROKE_COLOR"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.200}"
},
"light": {
"$scopes": [
"FRAME_FILL",
"STROKE_COLOR"
],
"$type": "color",
"$libraryName": "",
"$collectionName": "Color",
"$value": "{system.gray cool.100}"
}
},
"gray cool": {
"50": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#f9fafb"
},
"100": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#f2f4f6"
},
"200": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#e5e8eb"
},
"300": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#d1d6db"
},
"400": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#b0b8c1"
},
"500": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#8b95a1"
},
"600": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#6b7684"
},
"700": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#4e5968"
},
"800": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#333d4b"
},
"900": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#191f28"
}
},
"gray neutral": {
"50": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#fafafa"
},
"100": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#f4f4f4"
},
"200": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ededed"
},
"300": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#dfdfdf"
},
"400": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#cacaca"
},
"500": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ababab"
},
"600": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#8c8c8c"
},
"700": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#6d6d6d"
},
"800": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#3c3c3c"
},
"900": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#121212"
}
},
"black": {
"5": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.05)"
},
"10": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.1)"
},
"20": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.2)"
},
"30": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.3)"
},
"40": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.4)"
},
"50": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.5)"
},
"60": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.6)"
},
"70": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.7)"
},
"80": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.8)"
},
"90": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 0, 0, 0.9)"
},
"100": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#000000"
}
},
"white": {
"5": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.05)"
},
"10": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.1)"
},
"20": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.2)"
},
"30": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.3)"
},
"40": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.4)"
},
"50": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.5)"
},
"60": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.6)"
},
"70": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.7)"
},
"80": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.8)"
},
"90": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 255, 255, 0.9)"
},
"100": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ffffff"
}
},
"elevation": {
"background": {
"level-0": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ffffff"
},
"level-1": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ffffff"
},
"level-2": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ffffff"
},
"level-3": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ffffff"
}
},
"shadow": {
"level-0": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(145, 158, 171, 0)"
},
"level-1": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(145, 158, 171, 0.16)"
},
"level-2": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(145, 158, 171, 0.2)"
},
"level-3": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(145, 158, 171, 0.24)"
}
}
},
"state": {
"success": {
"default": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#009dff"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 157, 255, 0.3)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(0, 157, 255, 0.1)"
}
},
"alert": {
"default": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#ffbc44"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 188, 68, 0.3)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(255, 188, 68, 0.1)"
}
},
"error": {
"default": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "#f14553"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(241, 69, 83, 0.3)"
},
"light": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "color",
"$value": "rgba(241, 69, 83, 0.1)"
}
}
}
}
}
}
}
},
{
"Primitive": {
"modes": {
"Mode 1": {
"number": {
"0": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 0
},
"1": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 1
},
"2": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 2
},
"3": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 4
},
"4": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 6
},
"5": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 8
},
"6": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 10
},
"7": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 12
},
"8": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 14
},
"9": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 16
},
"10": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 18
},
"11": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 20
},
"12": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 24
},
"13": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 28
},
"14": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 32
},
"15": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 36
},
"16": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 40
},
"17": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 44
},
"18": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 48
},
"19": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 56
},
"20": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 64
},
"21": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 72
},
"22": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 80
},
"23": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 96
},
"24": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 120
},
"25": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 160
},
"max": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$value": 999
}
},
"typography": {
"font": {
"font": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "string",
"$value": "Pretendard"
}
},
"weight": {
"regular": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "string",
"$value": "Regular"
},
"medium": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "string",
"$value": "Medium"
},
"semibold": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "string",
"$value": "SemiBold"
},
"bold": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "string",
"$value": "Bold"
}
}
}
}
}
}
},
{
"Semantic": {
"modes": {
"Mode 1": {
"gap": {
"g0": {
"$scopes": [
"GAP"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.0}"
},
"g1": {
"$scopes": [
"GAP"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.2}"
},
"g2": {
"$scopes": [
"GAP"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.3}"
},
"g3": {
"$scopes": [
"GAP"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.4}"
},
"g4": {
"$scopes": [
"GAP"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.5}"
},
"g5": {
"$scopes": [
"GAP"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.7}"
},
"g6": {
"$scopes": [
"GAP"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.9}"
},
"g7": {
"$scopes": [
"GAP"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.11}"
},
"g8": {
"$scopes": [
"GAP"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.12}"
},
"g9": {
"$scopes": [
"GAP"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.14}"
},
"g10": {
"$scopes": [
"GAP"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.16}"
},
"g11": {
"$scopes": [
"GAP"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.18}"
},
"g12": {
"$scopes": [
"GAP"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.19}"
},
"g13": {
"$scopes": [
"GAP"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.20}"
}
},
"padding": {
"p0": {
"$scopes": [
"CORNER_RADIUS",
"WIDTH_HEIGHT",
"GAP",
"FONT_WEIGHT",
"FONT_SIZE",
"LINE_HEIGHT",
"LETTER_SPACING",
"PARAGRAPH_SPACING",
"PARAGRAPH_INDENT",
"FONT_VARIATIONS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.0}"
},
"p1": {
"$scopes": [
"CORNER_RADIUS",
"WIDTH_HEIGHT",
"GAP",
"FONT_WEIGHT",
"FONT_SIZE",
"LINE_HEIGHT",
"LETTER_SPACING",
"PARAGRAPH_SPACING",
"PARAGRAPH_INDENT",
"FONT_VARIATIONS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.2}"
},
"p2": {
"$scopes": [
"CORNER_RADIUS",
"WIDTH_HEIGHT",
"GAP",
"FONT_WEIGHT",
"FONT_SIZE",
"LINE_HEIGHT",
"LETTER_SPACING",
"PARAGRAPH_SPACING",
"PARAGRAPH_INDENT",
"FONT_VARIATIONS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.3}"
},
"p3": {
"$scopes": [
"CORNER_RADIUS",
"WIDTH_HEIGHT",
"GAP",
"FONT_WEIGHT",
"FONT_SIZE",
"LINE_HEIGHT",
"LETTER_SPACING",
"PARAGRAPH_SPACING",
"PARAGRAPH_INDENT",
"FONT_VARIATIONS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.4}"
},
"p4": {
"$scopes": [
"CORNER_RADIUS",
"WIDTH_HEIGHT",
"GAP",
"FONT_WEIGHT",
"FONT_SIZE",
"LINE_HEIGHT",
"LETTER_SPACING",
"PARAGRAPH_SPACING",
"PARAGRAPH_INDENT",
"FONT_VARIATIONS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.5}"
},
"p5": {
"$scopes": [
"CORNER_RADIUS",
"WIDTH_HEIGHT",
"GAP",
"FONT_WEIGHT",
"FONT_SIZE",
"LINE_HEIGHT",
"LETTER_SPACING",
"PARAGRAPH_SPACING",
"PARAGRAPH_INDENT",
"FONT_VARIATIONS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.7}"
},
"p6": {
"$scopes": [
"CORNER_RADIUS",
"WIDTH_HEIGHT",
"GAP",
"FONT_WEIGHT",
"FONT_SIZE",
"LINE_HEIGHT",
"LETTER_SPACING",
"PARAGRAPH_SPACING",
"PARAGRAPH_INDENT",
"FONT_VARIATIONS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.9}"
},
"p7": {
"$scopes": [
"CORNER_RADIUS",
"WIDTH_HEIGHT",
"GAP",
"FONT_WEIGHT",
"FONT_SIZE",
"LINE_HEIGHT",
"LETTER_SPACING",
"PARAGRAPH_SPACING",
"PARAGRAPH_INDENT",
"FONT_VARIATIONS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.11}"
},
"p8": {
"$scopes": [
"CORNER_RADIUS",
"WIDTH_HEIGHT",
"GAP",
"FONT_WEIGHT",
"FONT_SIZE",
"LINE_HEIGHT",
"LETTER_SPACING",
"PARAGRAPH_SPACING",
"PARAGRAPH_INDENT",
"FONT_VARIATIONS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.12}"
},
"p9": {
"$scopes": [
"CORNER_RADIUS",
"WIDTH_HEIGHT",
"GAP",
"FONT_WEIGHT",
"FONT_SIZE",
"LINE_HEIGHT",
"LETTER_SPACING",
"PARAGRAPH_SPACING",
"PARAGRAPH_INDENT",
"FONT_VARIATIONS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.13}"
},
"p10": {
"$scopes": [
"CORNER_RADIUS",
"WIDTH_HEIGHT",
"GAP",
"FONT_WEIGHT",
"FONT_SIZE",
"LINE_HEIGHT",
"LETTER_SPACING",
"PARAGRAPH_SPACING",
"PARAGRAPH_INDENT",
"FONT_VARIATIONS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.14}"
},
"p11": {
"$scopes": [
"CORNER_RADIUS",
"WIDTH_HEIGHT",
"GAP",
"FONT_WEIGHT",
"FONT_SIZE",
"LINE_HEIGHT",
"LETTER_SPACING",
"PARAGRAPH_SPACING",
"PARAGRAPH_INDENT",
"FONT_VARIATIONS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.15}"
},
"p12": {
"$scopes": [
"CORNER_RADIUS",
"WIDTH_HEIGHT",
"GAP",
"FONT_WEIGHT",
"FONT_SIZE",
"LINE_HEIGHT",
"LETTER_SPACING",
"PARAGRAPH_SPACING",
"PARAGRAPH_INDENT",
"FONT_VARIATIONS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.16}"
},
"p13": {
"$scopes": [
"CORNER_RADIUS",
"WIDTH_HEIGHT",
"GAP",
"FONT_WEIGHT",
"FONT_SIZE",
"LINE_HEIGHT",
"LETTER_SPACING",
"PARAGRAPH_SPACING",
"PARAGRAPH_INDENT",
"FONT_VARIATIONS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.18}"
},
"p14": {
"$scopes": [
"CORNER_RADIUS",
"WIDTH_HEIGHT",
"GAP",
"FONT_WEIGHT",
"FONT_SIZE",
"LINE_HEIGHT",
"LETTER_SPACING",
"PARAGRAPH_SPACING",
"PARAGRAPH_INDENT",
"FONT_VARIATIONS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.20}"
},
"p15": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.23}"
},
"p16": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.24}"
},
"p17": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.25}"
}
},
"radius": {
"xxsmall": {
"$scopes": [
"CORNER_RADIUS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.2}"
},
"xsmall": {
"$scopes": [
"CORNER_RADIUS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.3}"
},
"small": {
"$scopes": [
"CORNER_RADIUS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.5}"
},
"medium": {
"$scopes": [
"CORNER_RADIUS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.7}"
},
"large": {
"$scopes": [
"CORNER_RADIUS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.9}"
},
"xlarge": {
"$scopes": [
"CORNER_RADIUS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.12}"
},
"xxlarge": {
"$scopes": [
"CORNER_RADIUS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.14}"
},
"\\bfull": {
"$scopes": [
"CORNER_RADIUS"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.max}"
}
},
"size": {
"size-1": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.5}"
},
"size-2": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.7}"
},
"size-3": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.9}"
},
"size-4": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.11}"
},
"size-5": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.12}"
},
"size-6": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.13}"
},
"size-7": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.14}"
},
"size-8": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.16}"
},
"size-9": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.18}"
},
"size-10": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.19}"
},
"size-11": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.20}"
},
"size-12": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.21}"
},
"size-13": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.22}"
},
"size-14": {
"$scopes": [
"ALL_SCOPES"
],
"$type": "float",
"$libraryName": "",
"$collectionName": "Primitive",
"$value": "{number.23}"
}
}
}
}
}
}
]