큐레이션 · 오픈 · 무료

Article

현대적인 가구와 홈 데코를 위한 깔끔하고 사진 중심의 전자상거래 플랫폼.

01

디자인 DNA

모던 라이프스타일을 위한 큐레이션 카탈로그

02

컬러

사진 색감과 밝은 산호색 포인트가 더해진 고대비 중립적 기반.

03

타이포그래피

geometric-sans

• display48px · 700
• h132px · 700
• body16px · 400
• small14px · 400

버튼과 내비게이션 링크에는 대문자 사용 · 헤드라인에는 촘촘한 자간과 볼드 웨이트 사용 · 본문 텍스트에는 편안한 행 높이의 일반 웨이트 사용

04

여백

일관된 4px 그리드와 섹션 간 넉넉한 간격.

05

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

1px solid #2E2E2E

rgba(0, 0, 0, 0.08) 0px 4px 8px 0px · rgba(0, 0, 0, 0.04) 0px 16px 16px 0px · rgba(0, 0, 0, 0.3) 0px 32px 68px 0px

06

레이아웃

전체 너비 히어로 이미지 뒤에 제품을 위한 구조화된 그리드가 이어집니다.

07

모션과 인터랙션

hover 시 부드러운 background-color 전환 · 미세한 UI 상태 변화를 위한 opacity 페이드

미묘한 색상 변화 또는 밑줄 표시 · 즉각적인 시각적 피드백으로, 주로 색상 변화를 통해

08

컴포넌트

• button 흰색 배경에 검은색 테두리의 캡슐 형태로, 텍스트는 대문자.
• card 하단에 미니멀한 텍스트가 있는 깔끔한 이미지 카드로, 주로 가로 스크롤이나 그리드로 배치.
• chip 텍스트 기반의 간단한 카테고리 링크.
• input 플레이스홀더 텍스트와 돋보기 아이콘이 있는 미니멀한 검색 바.
• hero 중앙에 텍스트 오버레이가 있는 완전 유출형 라이프스타일 사진.

09

보이스와 금지 목록

• 톤 유용하고, 이상적이며, 직설적인
• 헤드라인 간결하고 혜택 지향적인
• CTA 명확하고, 명령형이며, 대문자

• 둥근 사각형을 사용하지 마세요 — 스크린샷에 캡슐 형태 버튼이 표시됩니다.
• 밝고 충돌하는 포인트 색상을 사용하지 마세요 — 스크린샷에 절제된 중립적 기반에 산호색 포인트 하나만 사용됩니다.
• 카드에 복잡한 그림자를 사용하지 마세요 — 스크린샷에 미니멀하고 플랫한 사진이 표시됩니다.
• 세리프 서체를 사용하지 마세요 — 스크린샷에 전적으로 산세리프 타이포그래피가 사용됩니다.
• 밀도 높은 텍스트 블록을 사용하지 마세요 — 스크린샷에 넉넉한 여백과 짧은 카피가 표시됩니다.
• 메인 레이아웃에 어두운 배경을 사용하지 마세요 — 스크린샷에 주로 흰색과 오프화이트 배경이 사용됩니다.
• 피하기: 지나치게 전문적인 용어
• 피하기: 공격적인 판매 언어
• 피하기: 불필요한 군더더기 단어

10

팩 안의 실제 스크린샷

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

11

System Prompt

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