DSDesignSkill
|

/템플릿/웹이즈 프레스 — 독립 출판사

새 창 ↗

컨테이너 폭 그대로 · sandbox 미리보기

설명

잡지 지면의 조판 논리를 그대로 웹으로 옮긴 영문 출판사 템플릿입니다. 본문 서술 구역은 `columns-*` 3단에 실제 column-rule 세로선을 넣어 신문·잡지의 읽기 리듬을 만들었고, 카탈로그·저자·저널·서평 네 구역은 커버 비율을 3:4 / 1:1 / 4:5 / 16:10으로 섞은 매스너리로 높이를 일부러 어긋나게 했습니다. 히어로는 큰 헤드라인 + 드롭캡 리드 + 우측 '목차' 패널로 잡지 표지 구조를 만들고, 각 섹션 머리에는 folio 번호(Folio 01~12)를 붙여 지면 순서를 읽히게 했습니다. 딥 브라운(#422006) 풀블리드 구역 두 개(대표작 스프레드·낭독회 일정)를 넣어 크림 배경의 흐름을 끊고, 사진 자리는 머스타드 그라디언트 위에 하프톤 도트 오버레이를 얹어 인쇄물 질감을 흉내 냈습니다. 제목은 Bricolage Grotesque 800의 좁고 단단한 획, 본문은 Public Sans로 잡아 '지적이되 유쾌한' 소형 출판사 톤을 냈습니다.

섹션 구성

  1. 01헤더 — 마스트헤드 (상단 고지바 + 모바일 메뉴)
  2. 02커버 히어로 — 드롭캡 리드 + 목차 패널 + 3분할 커버 밴드
  3. 03티커 밴드 — 출판사 사실 흐름
  4. 04발행 철학 — 3단 조판 + 컬럼 규칙선
  5. 05카탈로그 — 8종 매스너리 (커버 비율 혼합)
  6. 06이달의 대표작 스프레드 — 다크 풀블리드 + 인용
  7. 07저자 — 6인 매스너리 카드
  8. 08The Colophon — 저널 매스너리
  9. 09임프린트·판형 표 (가로 스크롤)
  10. 10제작 공정 — 6단계 타임라인
  11. 11서점 목록 — 도시별 다단 + 사무실 정보
  12. 12낭독회 일정 — 다크 리스트
  13. 13리뷰·독자 편지 매스너리
  14. 14투고 안내 + FAQ 아코디언
  15. 15뉴스레터 구독 폼
  16. 16푸터

변경 이력

v1.0.02026-07-31

최초 등록

v1.0.12026-07-30

그라디언트 플레이스홀더를 실사 사진으로 교체 — 완성도 보정