큐레이션 · 오픈 · 무료

Varierfurniture

극도의 절제, 단색 팔레트, 그리고 넉넉한 호흡 공간으로 정의되는 프리미엄 가구 브랜드 사이트입니다.

01

디자인 DNA

풍부한 여백과 절제된 타이포그래피를 갖춘 정적인 스칸디나비안 쇼룸입니다.

02

컬러

흰색, 검정색, 그리고 제어된 따뜻한 그레이 계열을 사용하는 엄격한 단색 팔레트입니다.

03

타이포그래피

geometric-sans

• display56px · 400
• h124px · 400
• body16px · 400

모든 텍스트 레벨에 기하학적 산세리프 사용 · 모든 요소에 걸쳐 라이트 또는 레귤러 굵기(400)를 일관되게 사용 · 가독성과 우아함을 위해 모든 텍스트에 넉넉한 자간 적용

04

여백

주요 콘텐츠 블록 주변에 상당한 패딩(수직 78px~109px)을 적용한 넉넉한 수직 간격입니다.

05

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

버튼과 아웃라인에 부드러운 그레이(#9C9C9C)를 사용한 1px 실선 테두리입니다.

rgba(0, 0, 0, 0.1) 0px 8px 10px -6px · rgba(0, 0, 0, 0.1) 0px 20px 25px -5px

06

레이아웃

뷰포트 중앙에 엄격하게 정렬된 중앙 정렬 단일 열 레이아웃입니다.

07

모션과 인터랙션

인터랙티브 요소에서의 부드러운 background-color 및 color 전환 · hover 상태를 위한 transform 전환

버튼과 내비게이션 링크에서의 미묘한 background-color 또는 color 전환(0.15s~0.25s)입니다. · 인터랙티브 요소에 대한 표준 포인터 커서입니다.

08

컴포넌트

• button 단색 짙은 그레이 채우기와 흰색 텍스트로 된 알약 형태 버튼, 또는 1px 회색 테두리가 있는 투명 버튼입니다.
• card 이 페이지에서는 최소화되었거나 존재하지 않으며, 콘텐츠는 플랫 화이트 표면에 의존합니다.
• chip 이 페이지에 존재하지 않습니다.
• input 이 페이지에 존재하지 않습니다.
• hero 이미지 없이 극단적인 상단/하단 패딩으로 수직 중앙 정렬된 대형 텍스트 블록입니다.

09

보이스와 금지 목록

• 톤 차분하고, 전문적이며, 직접적입니다.
• 헤드라인 짧고 명료하며, 마케팅성 멘트가 전혀 없는 스타일입니다.
• CTA 행동을 유도하며 예의 바른 스타일입니다 (예: '홈페이지로 돌아가기', '쿠키 수락').

• 밝고 채도 높은 색상을 사용하지 마세요 — 스크린샷은 흰색, 검정색, 회색의 엄격한 단색 팔레트를 보여줍니다.
• 굵은 폰트 웨이트를 사용하지 마세요 — 스크린샷은 모든 텍스트에 레귤러(400) 웨이트를 일관되게 사용하는 것을 보여줍니다.
• 밀도 높고 비좁은 레이아웃을 만들지 마세요 — 스크린샷은 넉넉한 여백과 패딩(수직 78px~109px)을 보여줍니다.
• 주요 버튼에 날카로운 모서리를 사용하지 마세요 — 스크린샷은 알약 형태(999px) 버튼을 보여줍니다.
• 그림자를 여기저기에 사용하지 마세요 — 스크린샷은 특정 채팅 위젯과 최소한의 인터랙티브 상태에만 그림자가 있음을 보여줍니다.
• 불필요한 장식 요소를 추가하지 마세요 — 스크린샷은 일러스트레이션이 없는 매우 깔끔하고 미니멀한 인터페이스를 보여줍니다.
• 피하기: 밝거나 채도 높은 색상
• 피하기: 과도한 구두점이나 이모지
• 피하기: 밀도 높은 텍스트 블록
• 피하기: 화려하거나 공격적인 타이포그래피

10

팩 안의 실제 스크린샷

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

11

System Prompt

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