Radical Subtraction
풀뷰포트 시네마틱 사진 위 짧은 중앙 헤드라인과 외곽선/솔리드 버튼 한 쌍만 남긴, 장식을 전부 걷어낸 순수 무채 클린 화이트 스타일.
설명
모든 콘텐츠를 중앙 축에 정렬하고 배지·태그·장식 아이콘·강조색을 하나도 남기지 않는다. 각 섹션은 풀뷰포트 시네마틱 사진 한 장으로 채워지고 섹션 간 스냅 스크롤로 단호하게 넘어간다. 색은 흰 배경 + near-black 텍스트뿐, 위계는 중앙 정렬과 여백과 사진의 무게로만 만든다. 버튼은 솔리드와 외곽선 두 종류, 그것도 한 쌍뿐이다.
타입 스케일
display Ag 스타일 견본 Style Specimen
h1 Ag 스타일 견본 Style Specimen
h2 Ag 스타일 견본 Style Specimen
body Ag 스타일 견본 Style Specimen
label Ag 스타일 견본 Style Specimen
caption Ag 스타일 견본 Style Specimen
단일 산세리프(Inter). 웨이트 2단(400 본문/캡션, 500 디스플레이·헤딩·버튼 라벨)만. 라이트한 지오메트릭 미니멀 — 거대·헤비 디스플레이 금지. 버튼 라벨은 500에 미세 자간 0.02em.
골든 예제 (exemplar)
Everything unnecessary, removed.
One image. One line. One choice — the rest is silence.
Do
- 모든 콘텐츠를 중앙 축에 정렬한다
- 각 섹션을 100vh 풀뷰포트 시네마틱 사진으로 채우고 스냅 스크롤로 넘긴다
- 버튼은 솔리드 + 외곽선 한 쌍만 쓴다
- 색은 순수 무채(흰 배경 + near-black 텍스트)로 유지한다
Don't
- 강조색 사용 금지 — 순수 무채 흰/near-black
- 배지·태그·장식 아이콘·이모지·일러스트 추가 금지
- 그림자 금지, radius > 4px 둥근 카드 금지, 그라디언트(텍스트 가독용 미세 오버레이 예외) 금지
- 거대·헤비 디스플레이 헤드라인 금지 — weight 500 라이트 지오메트릭
- 비대칭·다단·좌우 정렬·풀블리드 콜라주 금지, 평면 단색 데드 보이드로 사진 자리를 채우기 금지
컴포넌트 노트
- button
- base: 두 종류뿐: (1) 솔리드 primary 배경 + primary-foreground 텍스트, (2) 외곽선 1px solid foreground + foreground 텍스트. padding 11px 26px, radius 4px, Inter 500 0.82rem, letter-spacing 0.02em.hover: 솔리드는 미세하게 밝아짐(#171A20→#393C41), 외곽선은 솔리드로 채워짐(foreground 배경 + background 텍스트). 200ms.focus: 2px offset outline (ring)pair: 솔리드 + 외곽선이 항상 한 쌍. 가로 또는 세로 중앙 정렬, 버튼 간 16px.
- card
- 가격 카드 등. secondary(#F4F4F4) 면 채움, 보더 없음, radius 4px, 내부 패딩 36px. 중앙 정렬 — 옵션명 + 큰 가격(500) + 사양 줄바꿈 리스트(불릿 없이, muted-foreground) + 버튼 페어. 죽은 공백 금지.
- nav
- 높이 56px, 투명 또는 배경 채움. 좌측 워드마크(500), 중앙/우측 메뉴(400 0.82rem, 간격 24px). 보더·그림자 없음. 사진 위에서는 텍스트 색이 사진 명도에 따라 흰/검 전환. 호버 시 opacity 0.7. 모바일은 1px 라인 햄버거 → 풀스크린 흰 오버레이 중앙 메뉴.
- image
- 풀뷰포트 시네마틱 사진, radius 0. 텍스트 가독용 미세 어둠 그라데이션 오버레이 1줄만 허용. 평면 단색 면으로 대체 금지.
- icon
- 최소화 — 내비 화살표 같은 필수 아이콘만 1px 스트로크. 장식 아이콘·배지·이모지 금지.