큐레이션 · 오픈 · 무료

Aimé Leon Dore

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

fashioneditorial
Aimé Leon Dore 스크린샷
↓ 디자인 시스템 다운로드 (11 MB)OpenDesign 에서 열기

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

📦 팩 내용 보기 →

01

디자인 DNA

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

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

02

컬러

#181818Ink
#FFFFFFBG
#F7F7F7BG quiet
#E4E4E4Muted
rgba(228, 228, 228, 1.0)Line

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

03

타이포그래피

geometric-sans · neo-grotesque-sans

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

04

여백

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

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

05

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

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

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

06

레이아웃

1440container
12columns
24pxgutter
768 / 1024breakpoints

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

07

모션과 인터랙션

200msmicro
400mssmall
500msmedium
cubic-bezier(0.455, 0.03, 0.515, 0.955)easing

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

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

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

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

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

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

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

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