ABOUT · 사이트 기준
콘텐츠보다 먼저 구조를 설명하는 소개 페이지
이 프로젝트는 보기 좋은 화면만 쌓는 방식이 아니라, 디자인 토큰과 페이지 구조를 먼저 정리한 뒤 콘텐츠를 얹는 방식을 따른다.
theme-vars
중앙 제어
색, 간격, 라운드, 그림자, 타이포그래피를 한 계층에서 관리한다.
real URLs
실제 경로 우선
메뉴는 존재하지 않는 경로를 가리키지 않고, 바로 배포 가능한 주소만 사용한다.
scalable
확장성
새 페이지가 들어와도 같은 카드와 섹션 패턴을 반복해서 확장할 수 있다.
설계 원칙
소개 페이지는 사이트의 시각 톤과 구조 원칙을 가장 압축적으로 보여 준다.
TOKENS
중앙 토큰 우선
색, 간격, 반경, 그림자, 타이포그래피는 theme-vars 계층에서만 조정한다.
NAVIGATION
실제 페이지 우선
메뉴는 존재하지 않는 경로를 가리키지 않고, 바로 배포 가능한 URL만 사용한다.
CONTENT
읽히는 구조 우선
문서의 역할이 분명하도록 소개, 블로그, 카테고리, 연락처를 분리한다.
MAINTENANCE
확장 가능한 기본형
새 페이지가 추가돼도 같은 카드와 섹션 패턴을 반복해서 쓸 수 있게 만든다.
현재 구조에서 확인할 수 있는 것
페이지를 추가할 때도 같은 규칙을 반복하면 전체 구조가 흔들리지 않는다.
- 헤더와 메뉴는 동일한 경로 규칙을 사용한다.
- 카테고리와 태그 페이지는 taxonomy 템플릿에서 일관되게 렌더링한다.
- 페이지 표면은 콘텐츠마다 다른 값이 아니라 공통 토큰으로 맞춘다.