큐레이션 · 오픈 · 무료

Audo Copenhagen

절제된 편집적 미학의 따뜻하고 프리미엄 스칸디나비아 가구 전자상거래

01

디자인 DNA

고품질 스칸디나비아 생활용품을 큐레이션한 갤러리

02

컬러

지구색, 저채도의 악센트가 있는 따뜻한 중성색이 차분하고 프리미엄 분위기를 조성합니다

03

타이포그래피

transitional-serif · geometric-sans

• display48px · 400
• heading28px · 400
• body14px · 400
• small12px · 400

네비게이션과 카테고리 레이블을 위한 대문자 소문자 텍스트 · 대부분의 텍스트 요소에 사용되는 가벼운 weight (400) · 브랜딩과 전시에 사용되는 세리프 폰트로 우아함 전달

04

여백

여유로운 padding으로 여백이 많은 느낌을 주는 일관된 세로 리듬

05

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

0px 4px 5px 0px rgba(47,43,35,0) · 0px 32px 68px 0px rgba(0,0,0,0.3)

06

레이아웃

가운데 정렬된 콘텐츠가 있는 전체 폭 사진 히어로 섹션

07

모션과 인터랙션

페이지 요소를 위한 페이드인 전환 · hover 상태를 위한 부드러운 opacity 변화

미묘한 opacity 변화 또는 배경색 변화 · 버튼 및 토글의 즉각적인 시각적 피드백

08

컴포넌트

• button 얇은 테두리가 있는 아웃라인 스타일, 부드러운 악센트 색상으로 채워진 스타일, 대문자 소문자 텍스트
• card 대형 사진과 여백에 의존하는 최소한의 스타일링
• chip 둥근 알약 모양과 지구색 채우기 색상의 간단한 토글 스위치
• input 두드러지지 않는 간단한 밑줄 또는 최소한의 테두리 입력 필드
• hero 가운데 정렬된 세리프 타이포그래피를 사용한 전체 뷰포트 시네마틱 제품 사진

09

보이스와 금지 목록

• 톤 정교하고 차분하며 절제된
• 헤드라인 제품에 초점을 맞춘 가벼운 weight의 우아한 세리프
• CTA 기하학적 sans-serif의 대문자, 종종 아웃라인 또는 부드러운 채움

• 밝고 채도 높은 기본색을 사용하지 마세요 — 스크린샷은 따뜻한 중성색(#F5F3EB, #2F2B23)과 지구색 악센트(#929172)의 절제된 팔레트를 보여줍니다
• 두껍고 굵은 타이포그래피를 사용하지 마세요 — 스크린샷은 주로 400 (regular)의 폰트 weight를 보여줍니다
• 여러 경쟁 요소로 레이아웃을 지저분하게 하지 마세요 — 스크린샷은 대형 이미지에 초점을 맞춘 깔끔하고 여백이 많은 레이아웃을 보여줍니다
• 날카롭고 0px border-radius를 사용하지 마세요 — 스크린샷은 최소한의 요소에도 미묘한 둥글기(2.5px에서 10px)를 보여줍니다
• 표준 파란색 링크 색상이나 빨간색 CTA를 사용하지 마세요 — 스크린샷은 부드러운 지구색 톤이나 단순한 검은색 텍스트로 액션을 보여줍니다
• 밀집된 네비게이션 메뉴를 만들지 마세요 — 스크린샷은 대문자 네비게이션 항목 간의 넓은 간격을 보여줍니다
• 피하기: 강렬하고 대비가 높은 색상
• 피하기: 둥글고 장난스러운 형태
• 피하기: 두꺼운 폰트 weight
• 피하기: 밀집하고 지저분한 레이아웃

10

팩 안의 실제 스크린샷

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

11

System Prompt

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