큐레이션 · 오픈 · 무료

Blu Dot

대담하고 깔끔한 미학의 현대 가구 및 홈 데코.

01

디자인 DNA

건축적 정밀함으로 소개되는 현대 라이프스타일 오브젝트의 큐레이션된 갤러리.

02

컬러

깔끔한 흑백 기반 위에 단일한 고에너지 레드 액센트가 포인트입니다.

03

타이포그래피

geometric-sans · humanist-sans

• display70px · 700
• body14px · 400

헤드라인은 대문자이며 좁은 자간으로 설정됩니다. · 본문 텍스트는 정상 굵기로 매우 가독성이 높습니다. · 강조를 위해 텍스트 색상은 진한 검은색과 액센트 레드가 교차적으로 사용됩니다.

04

여백

에디토리얼 명확성을 위한 풍부한 여백과 일관된 4px 격자.

05

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

rgba(0, 0, 0, 0.2) 0px 0px 18px 0px

06

레이아웃

데스크톱에서는 전체 너비 분할 화면 레이아웃, 모바일에서는 수직으로 쌓입니다.

07

모션과 인터랙션

UI 상태 변경을 위한 부드러운 불투명도 전환. · 인터랙티브 요소의 미세한 색상 전환.

즉각적인 배경 또는 텍스트 색상 전환. · 과도한 스케일링 효과 없는 표준 포인터 커서.

08

컴포넌트

• button 전체 너비, 진한 레드 배경에 대문자 굵은 흰색 텍스트.
• card 깔끔한 모서리, 주로 고품질 사진으로 정의됩니다.
• chip 알약 형태의 배지, 필터에 자주 사용됩니다.
• input 얇은 1px 테두리가 있는 미니멀한 직사각형 필드.
• hero 대담하고 다채로운 라이프스타일 사진과 함께하는 대형 타이포그래피 레이아웃.

09

보이스와 금지 목록

• 톤 직설적이고 자신감 있으며 친근한 어조.
• 헤드라인 종종 언어유희를 사용하는 짧고 강렬한 대문자 구절.
• CTA '계속하기' 또는 '쇼핑하기'와 같이 명확하고 거래적인 표현.

• 장식용 세리프를 사용하지 마세요 — 스크린샷은 깔끔한 기하학적 및 휴머니스트산세리프 폰트를 보여줍니다.
• 그라디언트를 사용하지 마세요 — 스크린샷은 액센트에 사용되는 단색의 플랫한 색상 블록을 보여줍니다.
• 주요 버튼에 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카롭고 직사각형 버튼 모양을 보여줍니다.
• 다크 모드를 사용하지 마세요 — 스크린샷은 주요 콘텐츠 영역의 밝은 흰색 배경을 보여줍니다.
• 음하거나 저대비 색상을 사용하지 마세요 — 스크린샷은 고대비 검은색과 레드 액센트를 보여줍니다.
• 복잡한 그림자를 사용하지 마세요 — 스크린샷은 하나의 미세한 그림자 인스턴스만 사용하는 플랫 디자인을 보여줍니다.
• 피하기: 지저분한 레이아웃
• 피하기: 음이나 복잡한 색상 팔레트
• 피하기: 세리프 서체

10

팩 안의 실제 스크린샷

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

11

System Prompt

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