Palette · oklch
tokens.css의 PALETTE 섹션만 교체하면 전체 테마가 바뀐다. 모노크롬 + 액센트 1색.
Mono Blue
Electric · hue 255Mono Green
Emerald · hue 155Mono Orange
Vivid · hue 35Geo Cobalt
#4200FFCobaltCoralLemonAntarcticaSpearmintLavenderTypography · Pretendard
display-xl · 80056px 헤드라인display-lg · 70040px 섹션display-md · 60030px 서브헤드text-overlineMono Labeltext-light · 300가벼운 보조 텍스트Components
v2.0.0 — Tailwind v4.1~4.3 채택
표준 CSS 기반. tokens.css 변수만 참조. 장식 없는 기능 유틸만.
tabular-nums — 표 숫자 정렬| 품목 | 수량 | 단가(원) | 합계(원) |
|---|---|---|---|
| 리쥬란 힐러 | 12 | 180,000 | 2,160,000 |
| 보톡스 (1회) | 4 | 99,000 | 396,000 |
| 콜라겐 부스터 | 7 | 1,250,000 | 8,750,000 |
| 울쎄라 300샷 | 1 | 2,400,000 | 2,400,000 |
숫자 폭이 고정돼 자릿수가 어긋나지 않는다(td.num = 우측 정렬 + tabular figures).
:user-invalid — 상호작용 후 인라인 검증scroll-subtle — 얇은 모노 스크롤바
이 영역은 .scroll-subtle로 얇은 모노 스크롤바를 씁니다(Tailwind v4.3 동명 유틸과 동일).
스크롤·스크롤·스크롤.
① 첫 줄
② 둘째 줄
③ 셋째 줄
④ 넷째 줄
⑤ 다섯째 줄
⑥ 여섯째 줄
⑦ 일곱째 줄
⑧ 여덟째 줄
⑨ 아홉째 줄
⑩ 마지막 줄
모달에는 기본 적용 — scrollbar-gutter: stable로 레이아웃 시프트도 방지.
v2 · 리더 표면 NEW
말하지 말고 보여줘야 한다
선언보다 증거가 먼저 도착해야 한다는 첫 번째 장.
소개팅 자리에서 누군가 갑자기 이렇게 말한다고 상상해보자. "전 최고의 남자입니다."
브랜딩도 비슷하다. 스스로 브랜드라고 말하는 순간, 증거가 아니라 선언이 먼저 도착한다.
본문 컨테이너 43rem · word-break: keep-all · 행간 1.8 · 자간 0.
Contribution Ledger
작가가 채택한 피드백만 공개됩니다.
"증거가 먼저"라는 문장이 핵심을 정확히 찔렀습니다.
v2 · Signal-Ledger (opt-in) NEW