큐레이션 · 오픈 · 무료

Acne Studios

거대한 스케일, 단색 팔레트, 임상적 사진으로 정의되는 미니멀리스트 하이패션 리테일.

01

디자인 DNA

의상이 유일한 색채인 단색 갤러리.

02

컬러

제품만이 유일한 시각적 변형을 제공하는 엄격한 단색.

03

타이포그래피

grotesque-sans · humanist-sans · monospace

• display120px · 500
• caption12px · 400

모든 내비게이션 및 카테고리 레이블에 대문자 변환은 표준입니다. · 거대한 디스플레이 텍스트와 작은 유틸리티 텍스트 모두에 타이트한 자간이 적용됩니다. · 타이포그래피는 순수 기능적이며, 이미지를 위한 중립적 격자 역할을 합니다.

04

여백

마이크로 스페이싱에는 타이트하고 일관된 4px 기본 스케일이 사용되며, 매크로 스페이싱은 거대한 이미지에 의해 결정됩니다.

05

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

인터랙티브 요소에는 1px solid black, 그 외에는 보더리스.

0px 1px 0px 0px rgb(242, 242, 242) inset

06

레이아웃

구조화된 컨테이너보다 풀블루드 에디토리얼 이미지를 선호하는 보더리스 유체 그리드입니다.

07

모션과 인터랙션

hover 시 미묘한 불투명도 트랜지션 · 풀블루드 이미지 교체

텍스트 링크에 미묘한 불투명도 감소 또는 색상 반전. · 무거운 촉각 피드백 없이 즉각적인 트랜지션.

08

컴포넌트

• button 1px 보더와 타이트한 패딩으로만 정의된 보더리스 텍스트 링크 또는 미니멀 박스.
• card 위에 플로팅되는 미니멀한 텍스트 레이블이 있는 보더리스 이미지 컨테이너.
• chip 해당 없음
• input 타이트한 패딩이 있는 미니멀한 언더라인 또는 보더가 있는 텍스트 필드.
• hero 거대한 타이포그래피 오버레이가 있는 풀블루드 고해상도 사진.

09

보이스와 금지 목록

• 톤 직설적이고 초월적이며 권위 있는.
• 헤드라인 거대하고 무거운 고트로크 산세리프 오버레이.
• CTA 작은, 대문자, 매우 트래킹된 유틸리티 텍스트.

• 둥근 모서리 또는 부드러운 그림자를 사용하지 마세요 — 스크린샷은 날카로운 모서리와 플랫한 인셋 그림자를 보여줍니다.
• 화려하거나 다양한 색상 팔레트를 사용하지 마세요 — 스크린샷은 엄격히 단색 요소를 보여줍니다.
• 중간 크기 제목을 사용하지 마세요 — 스크린샷은 거대한 디스플레이 또는 미세한 캡션의 이진 스케일을 보여줍니다.
• 문장 형식 내비게이션을 사용하지 마세요 — 스크린샷은 모든 텍스트가 대문자임을 보여줍니다.
• 장식적 세리프 또는 스크립트 폰트를 사용하지 마세요 — 스크린샷은 순수 기능적인 고트로크 및 모노스페이스 폰트만을 보여줍니다.
• 모든 텍스트를 중앙 정렬하지 마세요 — 스크린샷은 내비게이션과 레이블을 위한 엄격한 왼쪽 정렬 격자를 보여줍니다.
• 피하기: 부드러운 곡선 또는 장식적 요소
• 피하기: 따뜻한 색상 팔레트
• 피하기: 과도한 패딩 또는 여백
• 피하기: 설명적이거나 마케팅 중심의 카피

10

팩 안의 실제 스크린샷

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

11

System Prompt

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