디자인 시스템
그래파이트의 디자인 토큰과 글로벌 스타일을 실제로 적용한 견본입니다. 토큰 값을 바꾸면 이 페이지와 사이트가 함께 바뀝니다. 관리자용 페이지라 검색 엔진과 사이트맵에서 빠져 있습니다.
색상
--color-ink · 글자·어두운 면
--color-ink-subtle · 보조 글자
--color-ink-line · 구분선·태그 테두리
--color-paper · 바탕·밝은 글자
--color-accent · 구독 버튼·강조
--color-scrim · 사진 위 어둠·배경 막
타이포그래피
날카롭게 쓴다 Aa — display
날카롭게 쓴다 Aa — 3xl
날카롭게 쓴다 Aa — 2xl
날카롭게 쓴다 Aa — xl
날카롭게 쓴다 Aa — lg
날카롭게 쓴다 Aa — md (본문)
날카롭게 쓴다 Aa — sm (날짜·태그)
간격·반경
--space-3xs 4 · 2xs 8 · xs 12 · sm 16 · md 20 · lg 32 · xl 48 · section 80 (px, 모바일에서 줄어듦)
--radius-xs 4 · sm 8 · md 12 · pill