디자인
이 홈페이지가 스스로를 조판하는 규칙입니다. 측정을 내세우는 연구실이라, 화면의 색과 대비도 실측해서 함께 둡니다.
두 개의 바닥
낮과 어둠. 방문자가 고르면 그 선택이 남고, 고르지 않으면 시스템 설정이, 그마저 없으면 시계가 정합니다.
어둠 — 기본
- 바닥#241811
- 카드#2f2018
- 옅은 면#2a1c15
- 괘선#453329
- 보조 글#a89484
- 본문 글#f6ece2
- 액센트#f2a35f
- 액센트 위 글#241811
- 보조 색#6fb3a6
본문 14.84:1 / 보조 5.96:1 / 액센트 위 8.39:1
낮
- 바닥#f7f6f2
- 카드#fff
- 옅은 면#eae8df
- 괘선#b0b0a1
- 보조 글#4a4a41
- 본문 글#14140f
- 액센트#a32d15
- 액센트 위 글#f7f6f2
- 보조 색#1a5f58
본문 17.08:1 / 보조 8.27:1 / 액센트 위 6.6:1
활자
마음
Cormorant Garamond + Gowun Batang / 300 / 제목과 큰 말
본문은 산세리프로, 긴 목록에서도 읽히게.
Pretendard / 400 / 본문
SCIE Q1 / 2026-08 / DOI
IBM Plex Mono / 기계가 읽는 것 — 색인, 날짜, 수치
형태
알약 — 만질 수 있는 것
8px — 담는 것
점 9px — 섹션의 표지
마크
빈 원은 측정된 지금의 상태, 채운 원은 디자인이 겨누는 상태입니다. 연구실이 하는 일 전체가 이 두 원 사이의 거리입니다.
지키는 규칙
- 가운뎃점을 쓰지 않습니다.
- 그림자를 쓰지 않습니다. 분리는 헤어라인과 색 대비가 맡습니다.
- 라틴 기준 크기를 한글에 그대로 옮기지 않습니다. 같은 수치가 훨씬 무겁게 앉습니다.
- 한글과 라틴이 섞인 줄에는 모노를 쓰지 않습니다. 한글을 가진 모노 서체가 없어, 줄이 중간에서 갈라집니다.
- 액센트 위의 글자는 --on-accent만 씁니다. 낮에는 밝게, 어두운 바닥에서는 어둡게 뒤집힙니다.
- 화면 하나에 액센트로 가득 칠한 면은 하나만 둡니다.
- 배포 전에 7개 페이지를 세 가지 폭에서 렌더해 가로 넘침 0을 확인하고, 두 바닥과 reduced-motion을 함께 검사합니다.
이 페이지의 색상값과 대비 수치는 빌드할 때 style.css에서 직접 읽어 계산합니다. 문서가 실물과 어긋날 수 없습니다.