큐레이션 · 오픈 · 무료

Postfamiliar

독점 와인 클럽을 위한 대담하고 고대비 다크 모드 에디토리얼.

01

디자인 DNA

브루탈리즘 감각이 더해진 하이엔드 독점 와인 클럽 매거진.

02

컬러

단색의 엄격한 고대비 모노크롬에 활기 있는 핑크 악센트를 하나 사용합니다.

03

타이포그래피

grotesque-sans · monospace

• display230px · 400
• heading70px · 400
• subhead46px · 400
• body16px · 400
• label20px · 400

헤드라인과 버튼에 대문자를 광범위하게 사용합니다. · 큰 디스플레이 텍스트에는 타이트한 트래킹을 적용합니다.

04

여백

일관된 패딩과 간격 배수를 통해 수직 리듬을 확립합니다.

05

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

모든 인터랙티브 요소는 2px의 고대비 흰색 또는 검은색 실선 테두리로 정의합니다.

06

레이아웃

중앙 정렬된 풀스크린 히어로에 고정폭 콘텐츠 칼럼을 적용합니다.

07

모션과 인터랙션

노출을 위한 불투명도 전환. · hover 상태를 위한 변환 전환.

색상을 반전하거나 테두리 색상을 핑크로 변경합니다. · 스케일 또는 불투명도를 통한 즉각적인 시각적 피드백.

08

컴포넌트

• button 알약 모양, 투명 채우기에 2px 흰색 실선 테두리.
• card 모서리가 날카로운 사각형, 2px 흰색 실선 테두리로 정의.
• chip 미니멀한 텍스트 레이블, 대체로 대문자에 와이드 트래킹 적용.
• input 알약 모양에 2px 흰색 실선 테두리.
• hero 거대한 디스플레이 텍스트가 있는 풀스크린 고대비 타이포그래피 히어로.

09

보이스와 금지 목록

• 톤 권위적, 독점적, 미니멀리스틱.
• 헤드라인 거대하고, 굵고, 대문자 산세리프.
• CTA 직설적, 대문자, 알약 모양 버튼.

• 드롭 섀도우 사용 금지 — 스크린샷에는 2px 실선 테두리로 정의된 요소가 나타납니다.
• 밝은 배경 사용 금지 — 스크린샷에는 단색 #000000 다크 모드 배경이 나타납니다.
• 소문자 헤드라인 사용 금지 — 스크린샷에는 거대한 대문자 타이포그래피가 나타납니다.
• 둥근 카드 모서리 사용 금지 — 스크린샷에는 날카롭고 90도인 카드 모서리가 나타납니다.
• 차분하고 채도가 낮은 색상 사용 금지 — 스크린샷에는 활기 있는 핑크 악센트가 포함된 고대비 팔레트가 나타납니다.
• 모든 텍스트 중앙 정렬 사용 금지 — 스크린샷에는 왼쪽 정렬된 본문과 오른쪽 정렬된 내비게이션 요소가 나타납니다.
• 피하기: 친근하거나 캐주얼한 언어.
• 피하기: 둥글고 부드러운 형태.
• 피하기: 복잡한 그라디언트 또는 드롭 섀도우.
• 피하기: 지저분한 레이아웃.
• 피하기: 본문 텍스트용 세리프 폰트.
• 피하기: 채도를 뺀 컬러 팔레트.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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