큐레이션 · 오픈 · 무료

Savoirfaire Nyc

초대형 세리프 타이포그래피와 넉넉한 음수 공간이 주도하는, 날카롭고 흑백의 에디토리얼 사이트.

01

디자인 DNA

하이엔드 패션 매거진이나 갤러리 웹사이트.

02

컬러

에디토리얼 임팩트를 극대화하기 위한 엄격한 단색 대비.

03

타이포그래피

didone-serif · humanist-sans

• display360px · 100
• body19px · 400
• caption9px · 400

04

여백

.Large 타이포그래피를 강조하는 넉넉한 수간격입니다.

05

표면 (라운드 / 그림자 / 경계선)

보더 없음; 고대비에 의존합니다.

06

레이아웃

하단에 대형 타이포그래피가 고정된 전면 배치 블랙 배경과 상단 티커를 가진 전체 화면 레이아웃입니다.

07

모션과 인터랙션

상단의 수평형 텍스트 티커

인터랙티브 요소 위에 포인터 커서. · 표준 클릭 인터랙션.

08

컴포넌트

• button 십자 아이콘이 들어간 미니멀리스트 원형 버튼.
• card 보이는 것 없음.
• chip 보이는 것 없음.
• input 보이는 것 없음.
• hero 초박판 디도느 세리프 폰트로 브랜드명을 배치한 대형 타이포그래피 히어로.

09

보이스와 금지 목록

• 톤 자신감 있고, 미니멀리스트적이며, 프리미엄한 톤.
• 헤드라인 올캡스, 초대형, 얇은 세리프 타이포그래피.
• CTA 미니멀리스트 원형 아이콘 버튼.

• 여러 색상을 사용하지 마세요 — 스크린샷은 엄격한 단색 흑백 팔레트를 보여줍니다.
• 디스플레이 텍스트에 무거운 폰트 웨이트를 사용하지 마세요 — 스크린샷은 초박판(웨이트 100) 세리프 폰트를 보여줍니다.
• 여러 요소로 레이아웃을 복잡하게 만들지 마세요 — 스크린샷은 압도적인 음수 공간을 가진 극단적 미니멀리즘을 보여줍니다.
• 주요 요소에 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카로운 타이포그래피와 원형 아이콘 버튼을 보여줍니다.
• 드롭 섀도우나 그라데이션을 사용하지 마세요 — 스크린샷은 플랫하고 고대비의 요소들을 보여줍니다.
• 장식적이거나 장난스러운 폰트를 사용하지 마세요 — 스크린샷은 정제된 디도느 세리프와 깔끔한 휴머니스트산스를 보여줍니다.
• 피하기: 여러 색상 사용
• 피하기: 텍스트에 드롭 섀도우 적용
• 피하기: 장식적이거나 장난스러운 폰트 사용
• 피하기: 너무 많은 요소로 레이아웃을 복잡하게 만들기
• 피하기: 무거한 배경 텍스처 사용
• 피하기: 테두리나 라인 과사용

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko