큐레이션 · 오픈 · 무료

Aimé Leon Dore

UI 요소보다 시네마틱 편집 사진을 우선시하는 미니멀리스트 고급 패션 이커머스 사이트입니다.

fashioneditorial

↓ 디자인 시스템 다운로드 (11 MB)OpenDesign 에서 열기

원본 사이트: https://www.aimeleondore.com

📦 팩 내용 보기 →

디자인 DNA

편집적라이프스타일미니멀리스트프리미엄

프리미엄 헤리티지 라이프스타일 브랜드의 큐레이션된 갤러리

컬러

#181818Ink

#FFFFFFBG

#F7F7F7BG quiet

#E4E4E4Muted

rgba(228, 228, 228, 1.0)Line

깊은 블랙, 깨끗한 화이트, 은은한 그레이에 의존하는 뚜렷한 모노크롬 팔레트로 편집 사진의 임팩트를 극대화합니다.

타이포그래피

geometric-sans · neo-grotesque-sans

display14px · 400
body14px · 400
caption10px · 400

브랜드 아이덴티티, 내비게이션, 인터랙티브 라벨에 대문자를 적극적으로 사용 · 프리미엄 느낌을 위해 모든 텍스트 크기에 넉넉한 자간(tracking) 적용 · 풀블리드 사진과 함께 깔끔하고 넓게 배치된 타이포그래피

여백

4px

8px

16px

24px

32px

48px

64px

96px

모달 및 헤더 내부에 넉넉한 마진을 두어 숨 쉴 공간을 확보하는 엄격한 간격 시스템입니다.

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

sm · 0px

md · 0px

lg · 0px

pill · 999px

입력 필드, 버튼, 메뉴 구분선과 같은 구별되는 요소를 분리하는 데에만 사용되는 극도로 최소화된 테두리입니다.

레이아웃

1440container

12columns

24pxgutter

768 / 1024breakpoints

중앙에 고정된 헤더 오버레이가 있는 풀블리드 몰입형 사진을 특징으로 하며, 크고 깔끔한 직사각형 모달이 이를 중단시킵니다.

모션과 인터랙션

200msmicro

400mssmall

500msmedium

cubic-bezier(0.455, 0.03, 0.515, 0.955)easing

모달 표시 시 부드러운 페이드 및 변형 전환 · 보조 UI 요소에 대한 선형 슬라이딩 애니메이션

인터랙티브 텍스트와 아이콘에 미세한 불투명도 변화 또는 간단한 색상 반전을 적용합니다. · 깔끔한 상태 변화를 통한 즉각적인 촉각 피드백을 제공합니다.

컴포넌트

button 주요 액션용은 검정색으로 채워진 깔끔한 직사각형 버튼, 보조 액션용은 검정 테두리가 있는 깨끗한 흰색 배경 버튼입니다.
card 기본 뷰에서는 보이지 않지만, 편집 스타일을 기반으로 그리드 형태이고 테두리가 없는 것으로 추정됩니다.
chip 존재하지 않습니다.
input 하단 테두리만 있는 간단한 입력 필드입니다.
hero 브랜드명과 최소한의 내비게이션 아이콘이 포함된 고정 헤더 오버레이가 있는 풀블리드 시네마틱 비디오 또는 사진 히어로입니다.

보이스와 금지 목록

톤 세련되고, 프리미엄이며, 의도적으로 절제된 어조입니다.
헤드라인 대문자, 넓은 자간, 간결하며, 매우 구조화되어 있습니다.
CTA 직설적이고, 대문자이며, 기능적으로 명확합니다.

둥근 모더를 사용하지 마세요 — 스크린샷은 버튼과 모달과 같이 날카롭고 직사각형 UI 요소를 보여줍니다
화려한 강조색을 추가하지 마세요 — 스크린샷은 엄격한 모노크롬, 중립적 팔레트를 보여줍니다
강한 드롭 쉐도우를 사용하지 마세요 — 스크린샷은 깊이 효과 없는 평면적이고 깔끔한 표면을 보여줍니다
소문자 내비게이션을 사용하지 마세요 — 스크린샷은 주요 링크에 대문자와 넓은 자간을 보여줍니다
장식적이거나 장난스러운 폰트를 사용하지 마세요 — 스크린샷은 엄격하고 기능적인 고딕체 및 기하학적 타입을 보여줍니다
복잡한 그리드 테두리를 사용하지 마세요 — 스크린샷은 깔끔하고 여백을 통한 분리를 보여줍니다
피하기: 화려하거나 채도 높은 색상
피하기: 둥근 모서리 또는 부드러운 형태
피하기: 복잡하고 지저분한 레이아웃

팩 안의 실제 스크린샷

Aimé Leon Dore — 桌面首屏（hero） — 桌面首屏（hero）

Aimé Leon Dore — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

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

System Prompt

편집적 요소에 중점을 둔 프리미엄 이커머스 사이트를 디자인하세요. 깊은 블랙(#181818), 선명한 화이트(#FFFFFF), 은은한 그레이(#E4E4E4)로 구성된 엄격한 모노크롬 팔레트를 사용하여 풀블리드 사진이 경험을 이끌어가게 하세요. 타이포그래피는 깔끔한 기하학적 및 네오그로테스크 고딕체에 크게 의존해야 하며, 럭셔리를 전달하기 위해 자주 대문자와 넉넉한 자간을 활용해야 합니다. 핵심 인터랙션과 버튼은 뚜렷하고 직사각형적이며 미니멀해야 합니다. 세련되고 갤러리 같은 분위기를 유지하기 위해 둥근 모서리, 채도 높은 색상, 장식적인 타이포그래피, 강한 드롭 쉐도우를 사용하지 않는 것이 중요합니다.

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

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

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

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