디자인 시스템
스타일 가이드
색채
뉴트럴
블랙
rgb(0, 0, 0)
콘크리트
rgb(67, 64, 67)
그레이 미드(Grey Mid)
rgb(136, 136, 136)
회색 빛 (Grey Light)
rgb(221, 221, 221)
가장 밝은 그레이
rgb(245, 245, 245)
가장 밝은 그레이
rgb(250, 250, 250)
크레이트
rgb(250, 245, 237)
화이트
rgb(255, 255, 255)
씨폼 & 틸
시폼 모스트 다키스트 (Seafoam Most Darkest)
rgb(75, 110, 110)
씨폼 다키스트 (Seafoam Darkest)
rgb(132, 171, 171)
시폼 다크 (Seafoam Dark)
rgb(168, 198, 198)
씨폼 (Seafoam)
rgb(190, 214, 214)
시폼 라이트 (Seafoam Light)
rgb(231, 240, 240)
씨폼 라이티스트
rgb(245, 250, 250)
액센트
라일락
rgb(199, 175, 222)
퍼플
rgb(145, 96, 204)
하늘
rgb(141, 193, 252)
초크 블루 (Chalk Blue)
rgb(229, 237, 250)
핑크
rgb(255, 145, 207)
핫 핑크
rgb(240, 14, 116)
연어
rgb(255, 204, 204)
더스티 샐먼
rgb(219, 204, 207)
풀
rgb(111, 217, 172)
골드
rgb(237, 179, 33)
모스
rgb(223, 224, 209)
타이포그래피
h1
Open Sauce Sans · Light · 50 / 1.1
날쌘 갈색 여우
H2
Open Sauce Sans · Light · 36 / 1.2
날쌘 갈색 여우
h3
Open Sauce Sans · Regular · 25 / 1.2
빠른 갈색 여우가 뛰어넘습니다
h4
Open Sauce Sans · Semibold · 18 / 1.2
빠른 갈색 여우가 게으른 개를 뛰어넘습니다.
h5
Open Sauce Sans · Medium · 16 / 1.2
빠른 갈색 여우가 게으른 개를 뛰어넘습니다.
H6
Open Sauce Sans · Bold · 14 / 1.2
빠른 갈색 여우가 게으른 개를 뛰어넘습니다.
p 대형
Open Sauce Sans · Regular · 18 / 1.5
민첩한 갈색 여우가 게으른 개를 뛰어넘습니다. 내 상자에 리큐어 병 예순 개를 채워주세요.
p
Open Sauce Sans · Regular · 16 / 1.5
민첩한 갈색 여우가 게으른 개를 뛰어넘습니다. 내 상자에 리큐어 병 예순 개를 채워주세요.
P 소형
Open Sauce Sans · Regular · 14 / 1.4
민첩한 갈색 여우가 게으른 개를 뛰어넘습니다. 내 상자에 리큐어 병 예순 개를 채워주세요.
코드
DM Mono · Regular · 14 / 1.2 · 대문자
빠른 갈색 여우 1234567890