File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
08-14
08-14
08-18
08-18
08-18
08-14
08-14
08-14
08-18
08-18
08-14
08-18
08-18
File name
Commit message
Commit date
// ⚠️ 이 파일은 Figma Design Tokens export에서 **자동 생성**되었습니다.
// 원본: primitive.tokens.json
// 손으로 고치지 말고 원본 JSON을 다시 export한 뒤 변환기를 재실행하세요.
// 원시 팔레트 — 화면에서 직접 쓰지 않는다. 시맨틱 토큰(`$color`)이 참조하는 바닥층이다.
$primitive: (
neutral-0: #FFFFFF,
neutral-5: #F4F5F6,
neutral-10: #E6E8EA,
neutral-20: #CDD1D5,
neutral-30: #B1B8BE,
neutral-40: #8A949E,
neutral-50: #6D7882,
neutral-60: #58616A,
neutral-70: #464C53,
neutral-80: #33363D,
neutral-90: #1E2124,
neutral-95: #131416,
neutral-100: #000000,
danger-5: #FDEFEC,
danger-10: #FCDFD9,
danger-20: #F7AFA1,
danger-30: #F48771,
danger-40: #F05F42,
danger-50: #DE3412,
danger-60: #BD2C0F,
danger-70: #8A240F,
danger-80: #5C180A,
danger-90: #390D05,
danger-95: #260903,
warning-5: #FFF3DB,
warning-10: #FFE0A3,
warning-20: #FFC95C,
warning-30: #FFB114,
warning-40: #C78500,
warning-50: #9E6A00,
warning-60: #8A5C00,
warning-70: #614100,
warning-80: #422C00,
warning-90: #2E1F00,
warning-95: #241800,
success-5: #EAF6EC,
success-10: #D8EEDD,
success-20: #A9DAB4,
success-30: #7EC88E,
success-40: #3FA654,
success-50: #228738,
success-60: #267337,
success-70: #285D33,
success-80: #1F4727,
success-90: #122B18,
success-95: #0E2012,
information-5: #E7F4FE,
information-10: #D3EBFD,
information-20: #9ED2FA,
information-30: #5FB5F7,
information-40: #2098F3,
information-50: #0B78CB,
information-60: #096AB3,
information-70: #085691,
information-80: #053961,
information-90: #03253F,
information-95: #021A2C,
alpha-black100: #000000,
alpha-black75: rgb(0 0 0 / 0.75),
alpha-black50: rgb(0 0 0 / 0.5),
alpha-black25: rgb(0 0 0 / 0.25),
alpha-black10: rgb(0 0 0 / 0.1),
alpha-black0: rgb(0 0 0 / 0),
alpha-white100: #FFFFFF,
alpha-white75: rgb(255 255 255 / 0.75),
alpha-white50: rgb(255 255 255 / 0.5),
alpha-white25: rgb(255 255 255 / 0.25),
alpha-white10: rgb(255 255 255 / 0.1),
alpha-white0: rgb(255 255 255 / 0)
);
// 서체 — family는 문자열, weight는 무단위 수치(길이가 아니므로 rem 변환 대상이 아니다).
$font: (
family-title: Pretendard,
family-body: Pretendard,
weight-regular: 400,
weight-medium: 600,
weight-bold: 800
);
// 원시 수치 스케일 — size 컬렉션이 참조하는 값들. 1rem = 10px 기준으로 변환됨.
$number: (
0: 0,
1: 0.1rem,
2: 0.2rem,
3: 0.4rem,
4: 0.6rem,
5: 0.8rem,
6: 1rem,
7: 1.2rem,
8: 1.6rem,
9: 2rem,
10: 2.4rem,
11: 2.8rem,
12: 3.2rem,
13: 3.6rem,
14: 4rem,
15: 4.4rem,
16: 4.8rem,
17: 5.6rem,
18: 6.4rem,
19: 7.2rem,
20: 8rem,
21: 9.6rem,
max: 100rem
);