큐레이션 · 오픈 · 무료

A Ware At

대담한 에디토리얼 사진과 클래식 타이포그래피를 활용하여 자연의 힘과 세련된 품격을 표현하는 프리미엄 아웃도어 및 스포츠 브랜드.

PhotographicProductPremiumCleanConsumer
A Ware At 스크린샷
↓ 디자인 시스템 다운로드 (38 MB)OpenDesign 에서 열기

원본 사이트: https://a-ware.at

📦 팩 내용 보기 →

01

디자인 DNA

자연성능프리미엄아웃도어

거친 자연 사진과 세련된 클래식 타이포ografi를 결합한 프리미엄 스포츠 브랜드.

02

컬러

#000000Ink
#333333Ink soft
#ECE9DFBG
#F7F5EEBG soft
#A77A41Muted
rgba(0,0,0,0.12)Line

흙내음 나는 중성색과 깊은 블랙, 사진이 주요 색상과 시각적 흥미의 원천으로 사용됩니다.

03

타이포그래피

transitional-serif · humanist-sans · geometric-mono

대문자 산세리프 레이블에는 넓은 글자 간격을 사용합니다. · 큰 디스플레이 세리프에는 타이트한 자간을 사용합니다.

04

여백

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

구조적 간격을 위한 명확한 48px 기본값을 둔 넉넉한 여백.

05

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

sm · 8px
md · 12px
lg · 32px
pill · 999px

rgba(172,171,171,0.3) 0px -1px 10px 0px

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

거대한 타이포그래피 오버레이가 있는 풀블리드 에디토리얼 사진.

07

모션과 인터랙션

150msmicro
400mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

UI 상태 변경을 위한 부드러운 선형 투명도 전환.

미묘한 색상 또는 투명도 변화. · 선형 전환을 통한 즉각적인 피드백.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

A Ware At — 桌面首屏（hero）
桌面首屏（hero）
A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
A Ware At — 移动首屏
移动首屏

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

11

System Prompt

프리미엄 스포츠 및 아웃도어 전자상거래 브랜드. 레이아웃은 자연 속 운동선수들의 고대비 풀블리드 사진으로 주도됩니다. 타이포그래피는 헤드라인(예: 'A-WARE')에 방대하고 타이트한 자간의 트랜지셔널 세리프를, 탐색 및 레이블에는 깔끔하고 넓은 간격의 산세리프를 사용합니다. 주요 색상은 배경용 흙내음 나는 오프화이트(#ECE9DF), 잉크용 깊은 블랙(#000000), 악센트용 미묘한 골든 브라운(#A77A41)입니다. 중요 금지 사항: 밝은 네온 색상 사용 금지, 복잡한 다중 열 레이아웃 피하기, 장난스럽거나 캐주얼한 타이포그래피 사용 금지. 전체적인 분위기는 에디토리얼하고, 세련되며, 강력한 자연미를 지닙니다.

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

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

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

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