Warm Editorial
크림빛 종이 위에 잉크브라운 잔글과 우아한 세리프 디스플레이를 얹은 따뜻한 문학 편집 스타일 — 읽는 즐거움이 곧 디자인이다.
설명
Editorial Swiss의 차가운 산세리프·그리드 엄격함을 뒤집어, 따뜻한 세리프 감성과 독서 편안함으로 재구성한 스타일. 크림/페이퍼 배경(웜 오프화이트), 잉크브라운 전경, 테라코타 액센트, Fraunces 계열 세리프 디스플레이를 헤드라인에 쓰고 본문은 휴머니스트 산세리프로 편하게 읽힌다. 넉넉한 행간과 여유로운 리딩 메저, 부드러운 라운드(6-8px)와 최소한의 웜 섀도우로 잡지 롱폼·작가 포트폴리오·부티크 브랜드의 정서를 만든다.
타입 스케일
display Ag 스타일 견본 Style Specimen
h1 Ag 스타일 견본 Style Specimen
h2 Ag 스타일 견본 Style Specimen
h3 Ag 스타일 견본 Style Specimen
lead Ag 스타일 견본 Style Specimen
body Ag 스타일 견본 Style Specimen
caption Ag 스타일 견본 Style Specimen
헤드라인은 Fraunces 세리프 디스플레이를 얇은-보통 웨이트(400)로 크게 써서 우아함을 만든다. 본문은 휴머니스트 산세리프 400에 넉넉한 행간(1.72)으로 롱폼 가독성을 확보. 'lead'는 세리프로 세팅해 기사 도입부의 문학적 톤을 준다. caption은 대문자+넓은 자간의 라벨 역할.
골든 예제 (exemplar)
Issue Nº 14 — The Slow Kitchen
A morning spent
proofing bread,
and nothing else.
Notes on patience, warmth, and the quiet architecture of a loaf — an essay on doing one thing slowly, and doing it well.
Do
- 헤드라인은 Fraunces 세리프 디스플레이를 크게, 본문은 산세리프에 넉넉한 행간으로
- 배경은 크림, 전경은 잉크브라운 — 순백·순검을 피한다
- 테라코타 액센트는 핵심 CTA·강조 한두 곳에만
- 본문은 단일 리딩 메저(~66ch)로 좁게 유지하고 좌우 여백을 넉넉히
- 섹션은 대문자 caption 라벨 + 얇은 웜 헤어라인으로 연다
Don't
- 차가운 회색·순검 텍스트 금지 (잉크브라운 유지)
- 산세리프로 헤드라인 세팅 금지 — 디스플레이는 세리프
- 본문 폭을 화면 전체로 늘리지 말 것 (가독성 저하)
- 무거운 그림자·글래스모피즘·네온 그라디언트 금지
- 액센트를 위계 도구로 남발 금지 — 위계는 타이포와 여백
컴포넌트 노트
- button
- base: radius 6px, 배경 primary(잉크브라운) 채움, primary-foreground 텍스트, font-sans 500, padding 12px 24px. 세컨더리는 투명 배경 + 1px border.hover: 배경을 accent(테라코타)로 전환하거나 primary를 살짝 밝게, 180ms ease-standard. 텍스트 링크는 밑줄이 서서히 채워짐.focus: 2px accent(ring) outline + 2px offset, 라운드 유지.disabled: opacity 0.45, 그림자 제거, 커서 not-allowed.accent_variant: 테라코타 채움 — 페이지 핵심 CTA 하나에만.
- card
- 배경 card(살짝 밝은 페이퍼), radius 8px, 1px 웜 border + 낮고 부드러운 섀도우 한 단계. padding 32-40px. 헤드라인은 세리프.
- input
- radius 6px, 1px border, 배경 card. 포커스 시 border가 accent로, ring 2px. 라벨은 대문자 caption.
- nav
- 상단 얇은 헤어라인 하단 룰. 좌측 세리프 워드마크, 우측 산세리프 링크. 링크 호버는 밑줄. 스크롤 시 크림 배경 유지(글래스 금지).