패턴디자인자라는 중업데이트 2026.08읽는 데 약 3분
패턴 · 디자인 관점

종이와 먹, 의도된 선택

대부분의 문서 테마는 같은 기본값에 손을 뻗습니다: 흰색 #fff, 그로테스크 산세리프, gray-800 텍스트, 시스템 다크 모드. 읽는 데 지장은 없지만 아무 인상도 남기지 않습니다. 이 시스템은 다른 전제에서 출발합니다 — 긴 기술 문서는 한 시간을 붙들고 읽는 물건이라는 전제 — 그리고 토큰이 그 전제를 따릅니다.

따뜻한 바탕 · 세리프 본문 · 두 개의 바탕 · 다크를 위한 두 번째 판

§1관점

한 시간의 독서에 필요한 것은 인쇄술이 수백 년 전에 알아낸 그것입니다: 눈부시지 않은 따뜻한 바탕, 획과 획 사이에 진짜 대비가 있는 본문 서체, 그리고 크롬의 픽셀이 아니라 본문 em 단위로 재는 조판 리듬. 토큰 계층의 어휘가 여기서 나옵니다: gray-50부터 gray-200까지가 아니라 종이들(纸 낱장, 页 페이지, 素 민바탕, 帛 비단), primary/secondary/accent가 아니라 화가의 물감 상자에서 꺼낸 먹과 안료 — 朱 와인, 石 번트 오렌지, 赭 오커, 黛 틸, 紫 바이올렛. 이 이름들은 장식이 아닙니다: 새로운 색 결정 하나하나를 같은 물리적 은유에 붙들어 두는 닻이고, 그래서 서로 다른 다섯 표면이 여전히 한 장의 종이로 읽힙니다.

§2두 바탕 — 페이지가 두 종류라서

위키는 두 방식으로 읽힙니다. 노트는 읽는 것입니다 — 열 하나, 한 시간, 눈은 고요함을 원합니다: 살짝 차가운 종이, 중성의 먹, 링크와 번호를 위한 강조색 하나. 서가는 둘러보는 것입니다 — 카드 격자, 한 번의 눈길, 하나의 선택: 종이는 더 따뜻해도 되고, 제목은 디스플레이 세리프여도 되고, 강조색은 링크가 아니라 도장처럼 읽히는 깊은 와인색이어도 됩니다. 이 두 상황에 팔레트 하나를 강요하면 둘 다 어중간해집니다. 그래서 시맨틱 계층에는 두 문맥이 있습니다 — 읽기 열(--color-*)과 둘러보기 서가(--wb-*) — 하나의 물감 상자에서 나왔고, 페이지가 자기가 어느 쪽인지 선언합니다. 그 결과는, 하나의 물건 안에 방이 둘 있는 듯한 사이트입니다.

§3다크는 반전이 아니라 두 번째 판입니다

알고리즘식 다크 모드는 명도를 뒤집고는 다 됐다고 말합니다. 텍스트는 석판 위의 분필이 되고, 틴트가 있던 표면은 죄다 진흙이 됩니다. 여기서 다크 테마는 손으로 다시 짠 두 번째 판입니다: 황혼 바탕과 달빛처럼 흰 먹을 따로 고르고, 강조 안료는 더 어두운 종이 위에서 AA 대비를 지킬 만큼만 다시 밝힙니다. 결정을 한 벌 더 내려야 하는 값을 치릅니다 — 그것이 요점입니다. 스위치는 오직 독자의 명시적 선택만 존중합니다(OS 설정은 결코 읽지 않습니다) — 읽는 도중 제멋대로 테마를 뒤집는 페이지는 독자를 놀라게 하는 페이지이기 때문입니다.

§4CJK는 내력벽입니다

한자·라틴이 섞인 텍스트는 대부분의 테마가 조용히 무너지는 지점입니다: 전각 마침표에 붙으면 닫히기를 거부하는 강조, 한자가 1.7칸 너비라서 비스듬히 쏠리는 코드 다이어그램. 여기서는 둘 다 타이포그래피 취향이 아니라 정합성 버그로 취급합니다 — 방언은 CJK 강조를 올바르게 해석하고, 코드 폰트 서브셋은 한자를 정확히 두 칸에 고정해 박스 드로잉이 번역을 견디게 합니다. 영어에서만 작동하는 테마는 절반짜리 테마입니다.

제목, 섹션, 본문을 현재 언어에서 검색합니다.
    ↑↓ · Enter · Escastro-inkstone