큐레이션 · 오픈 · 무료

Glein Wien

고품질 사진과 절제된 타이포그래피를 통해 지속가능한 소재를 강조하는 미니멀리스트, 에디토리얼 스타일 이커머스 사이트입니다.

01

디자인 DNA

소재 중심의 라이프스타일 제품을 큐레이팅한 갤러리.

02

컬러

대형 고품질 에디토리얼 사진을 위한 중립적 캔버스로 기능하는 엄격한 단색 팔레트(흑백, 밝은 회색)입니다.

03

타이포그래피

grotesque-sans · monospace

• display111px · 400
• heading30px · 400
• body15px · 400
• small13px · 400

네비게이션 및 유틸리티 링크에 걸쳐 대문자 사용이 광범위합니다. · 모든 타이포그래피 요소에 걸쳐 표준 굵기(400)가 사용됩니다.

04

여백

풍부한 여백과 타이트한 내부 패딩으로, 엄격한 그리드 간격보다는 이미지 구성을 의존하는 경우가 많습니다.

05

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

최소화; 주로 버튼, 링크 및 미묘한 구분선에 사용되는 1픽셀 라인입니다.

06

레이아웃

대형 히어로 이미지 위주의 비대칭 메이슨리 그리드로, 모바일에서는 단일 컬럼 스택으로 적응합니다.

07

모션과 인터랙션

인터랙티브 요소의 미묘한 불투명도 전환. · hover 상태의 색상 전환.

미묘한 색상 또는 불투명도 변화; 최소한의 시각적 피드백. · 표준 포인터 커서 및 즉각적인 반응.

08

컴포넌트

• button 미니멀리스트; 기본 작업을 위한 텍스트 전용 모노스페이스 폰트 또는 단순한 테두리 직사각형.
• card 텍스트 오버레이를 포함한 이미지 중심 컨테이너로, 전통적인 카드 테두리나 배경이 없습니다.
• chip 보이는 것이 없습니다.
• input 표준 미니멀 폼 요소(쿠키 모달로 암시됨).
• hero 카테고리 제목과 최소화된 'mehr anzeigen' 링크가 오버레이된 풀블리드 또는 대형 패널 에디토리얼 사진입니다.

09

보이스와 금지 목록

• 톤 차분하고 절제되고 세련된.
• 헤드라인 대형, 깔끔하고 미니멀리스트하며, 종종 이미지 위에 오버레이됩니다.
• CTA 절제된, 종종 두드러진 버튼보다는 밑줄이 그어진 텍스트 링크입니다.

• 채도 높은 강조 색상을 사용하지 마세요 — 스크린샷은 엄격한 단색(흑백/회색) 팔레트를 보여줍니다.
• 굵은 글꼴 굵기를 사용하지 마세요 — 스크린샷은 모든 텍스트에 걸쳐 표준 굵기(400)가 독점적으로 사용되는 것을 보여줍니다.
• 장식적이거나 손글씨 폰트를 사용하지 마세요 — 스크린샷은 깔끔하고 기하학적인 고트로스크-산스와 기능적인 모노스페이스를 보여줍니다.
• 카드나 버튼에 둥근 모서리를 추가하지 마세요 — 스크린샷은 날카롭고 0-radius 가장자리를 보여줍니다.
• 뚜렷한 드롭 그림자를 사용하지 마세요 — 스크린샷은 깊이 효과가 없는 평면적이고 깔끔한 표면을 보여줍니다.
• 밀집된 텍스트 블록으로 인터페이스를 복잡하게 하지 마세요 — 스크린샷은 최소한의 카피와 함께 매우 시각적이고 사진 중심의 레이아웃을 보여줍니다.
• 밝고 다채로운 배경을 사용하지 마세요 — 스크린샷은 주로 흰색 또는 사진 배경을 보여줍니다.
• 피하기: 크고 고대비의 행동 유도(CTA) 버튼
• 피하기: 밀집된 프로모션 텍스트 블록
• 피하기: 밝고 채도 높은 색상 강조
• 피하기: 복잡한 아이코노그래피

10

팩 안의 실제 스크린샷

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

11

System Prompt

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