큐레이션 · 오픈 · 무료

Everlane

중립적인 팔레트를 바탕으로 고품질 포토그래피와 타이포그래피에 집중한 깔끔하고 미니멀한 미학.

01

디자인 DNA

본질적인 의류를 큐레이팅한 갤러리

02

컬러

중립적인 팔레트가 시각적 관심사를 주도하며, 포토그래피가 그 역할을 담당합니다.

03

타이포그래피

grotesque-sans · monospace

• display56px · 400
• heading24px · 400
• body16px · 400
• small12px · 400

모든 주요 텍스트는 대문자이며 넉넉한 자간을 사용합니다.

04

여백

간격을 위해 4px 기본 단위를 일관되게 사용합니다.

05

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

최소한으로 사용되며, 대부분 섬세한 분리를 위한 1px solid 보더입니다.

rgba(0, 0, 0, 0.15) 0px 4px 20px 0px

06

레이아웃

넉넉한 화이트 스페이스를 둔 그리드 기반 레이아웃입니다.

07

모션과 인터랙션

호버 상태를 위한 섬세한 투명도 트랜지션 · 인터랙티브 요소를 위한 폰트 크기 트랜지션

텍스트 및 이미지 요소에 대한 섬세한 투명도 감소. · 인터랙티브 요소에 대한 표준 포인터 커서.

08

컴포넌트

• button 대문자 텍스트와 넉넉한 자간을 사용한 미니멀한 텍스트 기반 버튼입니다.
• card 깔끔한 포토그래피와 그 아래 미니멀한 타이포그래피가 적용된 간단한 직사각형 카드입니다.
• chip 대문자 텍스트를 사용한 간단한 텍스트 칩입니다.
• input 섬세한 하단 보더가 적용된 미니멀한 텍스트 입력 필드입니다.
• hero 오버레이된 텍스트와 행동 유도 요소가 포함된 전체 너비의 포토그래픽 히어로입니다.

09

보이스와 금지 목록

• 톤 자신감 있고, 미니멀하며, 직접적입니다.
• 헤드라인 짧고 강렬한 대문자 문구.
• CTA 행동 지향적인 대문자 텍스트.

• 장식적이거나 스크립트 폰트를 사용하지 마세요 — 스크린샷은 깔끔한 기하학적 그로테스크 산세리프를 보여줍니다.
• 카드나 컨테이너에 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카로운 직사각형 모서리를 보여줍니다.
• 밝고 채도 높은 포인트 컬러를 사용하지 마세요 — 스크린샷은 블랙, 화이트, 그레이로 구성된 엄격한 중립 팔레트를 사용합니다.
• 무거운 드롭 섀도우나 복잡한 3D 효과를 사용하지 마세요 — 스크린샷은 최소한이고 섬세한 섀도우를 보여줍니다.
• 본문 텍스트에 중앙 정렬을 사용하지 마세요 — 스크린샷은 좌측 정렬 또는 헤드라인에만 중앙 정렬을 사용합니다.
• 네비게이션 및 섹션 헤더에 소문자를 사용하지 마세요 — 스크린샷은 넓은 자간을 가진 대문자 텍스트를 보여줍니다.
• 피하기: 지나치게 장식적인 폰트는 사용하지 마세요.
• 피하기: UI에서 밝고 채도 높은 색상은 사용하지 마세요.
• 피하기: 복잡한 레이아웃이나 과도한 시각적 요소는 사용하지 마세요.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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