DESIGN SYSTEM

색 · 글자 · 로고

보감(寶鑑)은 “보배로운 거울” — 흩어진 것을 모아 군더더기 없이 다시 비춥니다. 화면을 만드는 규칙도 같습니다. 아래는 설명이 아니라 실제로 쓰는 토큰 그대로입니다.

색 — 먹·한지·청자·주

네 가지뿐. 한국의 재료에서 이름을 빌렸습니다.

먹

#171922

본문·로고·다크 표면

한지

#EFEEE9

라이트 표면·카드

청자

#1E5546

액션·링크·성공 — 메인 액센트

주(점토)

#D26847

핀·Pro — 희소 강조

쓰는 비율도 정해져 있습니다 — 60 · 30 · 7 · 3. 청자가 메인 액센트, 주는 희소 강조. 둘을 한 화면에 같이 많이 쓰지 않습니다.

한지 60%먹 30%청자 7%주 3%

한글·영문을 한 패밀리(Pretendard)로. 코드·변수만 모노(Geist Mono). 한글 자간은 살짝 조이고, 한·영 혼용 줄높이 1.7 이상.

담다 · 비추다

섹션 헤딩 — Pretendard Bold

본문은 Regular. 한글 본문에서 Bold는 헤딩에만, 강조는 Medium으로. 과한 굵기는 소음입니다.

mono · {{변수}} · {{$date+7}}

마크는 글자가 아니라 인장(印章) 모티프입니다 — 둥근 사각 프레임 · 안쪽 사각 · 가운데 청자 원 · 수평선. “보배로운 거울”의 추상화. 워드마크는 보감 + BOGAM 페어로 항상 같이 씁니다.

보감BOGAM