디자인

측정을 내세우는 연구실이라면 자기 화면도 재야 합니다. 이 페이지의 색상값과 대비 수치는 빌드할 때 실제 스타일시트에서 읽어 계산합니다. 아래 결정들은 만들면서 부딪힌 것의 기록입니다.

두 개의 바닥

낮과 어둠. 보는 사람의 시스템 설정을 따르고, 직접 고르면 그 선택이 이깁니다. 액센트는 양쪽에서 같은 노랑입니다. 바닥에 따라 바뀌는 색은 하나의 색이 아니니까요. 바뀌는 것은 그 노랑이 글자가 되어야 할 때뿐입니다.

활자

크기

다섯 단계뿐입니다. 오른쪽 숫자는 데스크톱과 휴대폰입니다. 휴대폰에서는 모든 단계가 커집니다. 멀리 두고 보는 화면에서는 같은 크기가 더 작게 읽히기 때문입니다.

여백과 폭

메인과 하위 페이지에 같은 콘텐츠 폭을 적용합니다. 데스크톱 좌우 여백은 화면 너비의 최소 7%, 1,100px 이하에서는 5%, 760px 이하에서는 24px입니다. 긴 본문은 줄 길이를 별도로 제한합니다.

• 1080px콘텐츠 최대 폭
• 7vw / 24px데스크톱 / 모바일 여백
• 80px섹션 사이
• 1px헤어라인, 48곳

간격

열두 단계뿐이고, 그 사이 값은 쓰지 않습니다. 작은 단계는 요소 안쪽 여백이고 큰 단계는 섹션 사이의 숨입니다. 오른쪽 숫자는 데스크톱과 휴대폰입니다. 휴대폰에서는 큰 단계만 줄어듭니다. 좁은 화면이 덜 필요로 하는 것은 버튼 안의 여백이 아니라 섹션 사이의 공기이기 때문입니다.

형태

마크

결정

만든 시간

이 사이트를 만드는 데 들어간 시간입니다. 세로축은 그날 직접 관여한 시간 — 읽고, 판단하고, 입력한 시간입니다. 기다린 시간은 뺐습니다. 소식을 올리고 구성원을 고치는 일은 사이트를 만드는 일이 아니라 굴리는 일이라 따로 셌습니다. 그쪽이 4.0시간입니다.

• 29.0제작, 시간
• 4.0콘텐츠, 시간
• 470커밋
• 46커밋한 날

2026-08-24부터 2026-10-15까지, 발화 675회. 커밋과 기간은 다른 수치들처럼 빌드할 때 git에서 읽습니다. 시간은 다릅니다 — 저장소에 없는 작업 세션 기록에서 잰 값이라 빌드가 다시 계산할 수 없고, 그래서 잰 날짜와 방법을 data/buildlog.yml에 함께 적고 scripts/measure_worklog.py로 다시 잽니다. 15분 넘게 끊기면 다른 작업 구간으로 보고, 발화 사이 간격이 12분을 넘으면 자리를 비운 것으로 봅니다. 제작과 콘텐츠를 가르는 것은 그 구간의 커밋이 건드린 파일입니다. 콘텐츠 작업이 제 세션을 이룬 적은 한 번도 없어서 — 늘 제작에 섞여 있었습니다 — 콘텐츠 쪽 수치는 잰 값이 아니라 커밋 비율로 나눈 값입니다. 검증으로, 커밋 470개가 모두 검출된 구간 안에 들어갑니다.