큐레이션 · 오픈 · 무료

Glein Wien

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

EditorialPhotographicProductPremiumClean
Glein Wien 스크린샷
↓ 디자인 시스템 다운로드 (28 MB)OpenDesign 에서 열기

원본 사이트: https://glein.wien

📦 팩 내용 보기 →

01

디자인 DNA

미니멀리스트지속가능한라이프스타일에디토리얼프리미엄

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

02

컬러

#000000Ink
#ffffffBG
#b3b3b3Muted
rgba(0,0,0,0.1)Line

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

03

타이포그래피

grotesque-sans · monospace

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

04

여백

4px
8px
16px
24px
32px
48px
64px
96px

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

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

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

06

레이아웃

1440container
12columns
16pxgutter
768 / 1024breakpoints

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

07

모션과 인터랙션

100msmicro
250mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

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

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

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

이것은 지속가능한 라이프스타일 제품을 위한 프리미엄, 에디토리얼 스타일 이커머스 사이트입니다. 날카롭고 0-radius 모서리와 그림자 없이 플랫하고 미니멀리스트한 미학을 만드는 엄격한 단색 팔레트(흑백, #b3b3b3 회색)를 사용합니다. 타이포그래피는 디스플레이 및 본문 텍스트를 위해 깔끔한 고트로스크-산스(F-Grotesk)에 의존하며, 유틸리티 요소를 위해 기능적인 모노스페이스(Maison-Neue-Mono)를 사용합니다. 모든 텍스트는 표준 굵기(400)입니다. 레이아웃은 대형 고품질 에디토리얼 사진의 대담한 비대칭 메이슨리 그리드입니다. 중요 금지 사항: 절대 굵은 글꼴 굵기를 사용하지 마세요; 절대 둥근 모서리나 드롭 그림자를 추가하지 마세요; 절대 채도 높은 강조 색상을 사용하지 마세요; 절대 밀집된 텍스트로 인터페이스를 복잡하게 하지 마세요; 절대 장식적이거나 손글씨 폰트를 사용하지 마세요; 절대 밝고 다채로운 배경을 사용하지 마세요.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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