큐레이션 · 오픈 · 무료

&Tradition

에디토리얼하고 갤러리 같은 디지털 존재감을 갖춘 프리미엄 스칸디나비안 가구 브랜드.

01

디자인 DNA

시대를 초월한 가구 조각들의 큐레이션된 갤러리.

02

컬러

고요하고 갤러리 같은 무대를 제공하여 고품질 사진을 위한 따뜻하고 중성적인 배경.

03

타이포그래피

transitional-serif · geometric-sans

• display36px · 400
• body14px · 400

모든 UI 요소, 네비게이션 및 본문 텍스트에 기하학적 sans를 사용합니다. · 주요 에디토리얼 제목 및 피처 타이틀에 과도적 serif를 사용합니다. · 넉넉한 간격을 유지하여 깔끔하고 열린 타이포그래피 느낌을 유지합니다.

04

여백

넉넉한 수직 리듬을 가진 8px 기준 격자.

05

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

1px solid rgba(40,40,40,0.1)

rgba(0, 0, 0, 0.1) 0px 0px 2px 0px

06

레이아웃

비대칭 에디토리얼 격자, 대형 이미지와 텍스트를 번갈아 배치.

07

모션과 인터랙션

hover 시 미묘한 불투명도 및 색상 전환. · 오버레이를 열 때 부드러운 전환.

링크 및 버튼에 대한 미묘한 색상 변화 또는 밑줄. · 즉각적인 시각적 피드백.

08

컴포넌트

• button 최소한의 텍스트 링크, 가끔 밑줄 포함.
• card 하단에 깔끔한 타이포그래피가 있는 이미지 중심 에디토리얼 카드.
• chip 대문자, 소문자 대문자로 표시된 네비게이션 또는 카테고리 라벨.
• input 단순한 텍스트 입력, 최소한의 테두리.
• hero 중앙 또는 하단 정렬 텍스트가 있는 전체 폭 사진 히어로.

09

보이스와 금지 목록

• 톤 세련되고 시적이며 묘사적.
• 헤드라인 唤起的且主题的，通常使用过渡性衬线字体.
• CTA 최소한이자 기능적, 주로 '더 읽기' 링크.

• 네온이나 채도 높은 원색을 사용하지 마세요 — 스크린샷은 차분하고 흙빛 톤을 보여줍니다.
• 둥글고 통통한 UI 요소를 사용하지 마세요 — 스크린샷은 날카롭고 직사각형 형태를 보여줍니다.
• 많은 작은 아이콘으로 인터페이스를 지저분하게 만들지 마세요 — 스크린샷은 매우 깔끔하고 여유로운 레이아웃을 보여줍니다.
• 모든 텍스트에 두껍고 진한 sans-serif를 사용하지 마세요 — 스크린샷은 serif와 sans-serif의 혼합을 보여줍니다.
• 다크 모드를 기본 테마로 사용하지 마세요 — 스크린샷은 밝고 따뜻한 오프화이트 배경을 보여줍니다.
• 공격적인 drop shadow를 사용하지 마세요 — 스크린샷은 매우 미묘하고 최소한의 그림자 효과를 보여줍니다.
• 피하기: 공격적인 마케팅 언어
• 피하기: 화려하거나 지저분한 시각적 요소
• 피하기: 크고 채도 높은 팔레트
• 피하기: 지나치게 복잡한 네비게이션 구조

10

팩 안의 실제 스크린샷

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

11

System Prompt

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