큐레이션 · 오픈 · 무료

Ferm Living

큐레이션된 라이프스타일 중심의 에디토리얼 레이아웃에 중점을 둔 프리미엄 홈 가구 및 가구 소매업체.

01

디자인 DNA

살아 있는 물건을 위한 고요한 갤러리

02

컬러

따뜻한 오프화이트와 깊은 차콜의 절제된 팔레트로, 시각적 풍부함과 대비를 위해 고품질 포토그래피에 의존합니다.

03

타이포그래피

transitional-serif · geometric-sans

• display56px · 400
• heading32px · 400
• body16px · 400
• small13px · 400

큰 디스플레이 헤드라인에는 고대비 트랜지셔널 세리프를 사용합니다. · 본문 및 UI 요소에는 깔끔한 기하학적 산세리프를 사용합니다. · 긴 텍스트의 가독성을 위해 넉넉한 행간을 유지합니다.

04

여백

넉넉하고 넓게 배치되며, 정렬을 위해 24px 기본 단위에 크게 의존합니다.

05

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

버튼에는 1px solid rgb(56, 56, 56)를 사용하며, 전체적인 테두리 사용은 매우 최소화합니다.

0px 30px 70px 0px rgba(0, 0, 0, 0.3)

06

레이아웃

풀폭 포토그래픽 히어로 블록과 깔끔한 와이드 마진 제품 그리드가 교차합니다.

07

모션과 인터랙션

hover 상태에서 부드러운 opacity 및 transform 트랜지션 · 페이지 로드 요소에 대한 절제된 페이드인

텍스트와 버튼 테두리의 절제된 색상 또는 opacity 변화 · 새로운 상태로의 전환을 통한 즉각적인 피드백

08

컴포넌트

• button 1px 테두리가 있는 직사각형, 대문자 텍스트, 최소한의 padding.
• card 상단 정렬 이미지, 밝은 배경, 테두리 없는 미니멀리스트 제품 카드.
• input 1px 테두리와 둥근 모서리가 있는 깔끔한 직사각형 필드.
• hero 큰 세리프 오버레이 텍스트가 있는 풀블리드 고품질 라이프스타일 포토그래피.

09

보이스와 금지 목록

• 톤 세련되고 고요하며, 절제된 자신감.
• 헤드라인 짧고 상징적이며 이미지 중심적.
• CTA 간결하고 직접적이며, 테두리가 있는 상자에 대문자 텍스트를 자주 사용.

• 밝은 네온 악센트를 사용하지 마세요 — 대신 절제된, 토양의 팔레트가 화면에 보입니다.
• UI 요소에 무거운 드롭 섀도우를 사용하지 마세요 — 모달에는 깊고 큰 블러 섀도우만 화면에 보입니다.
• 복잡한 그라데이션 배경을 사용하지 마세요 — 대신 단색, 따뜻한 오프화이트 톤이 화면에 보입니다.
• 장난스럽거나 둥근 산세리프를 사용하지 마세요 — 깔끔한 기하학적 산세리프와 고대비 세리프가 화면에 보입니다.
• 밀집된, 복잡한 그리드를 사용하지 마세요 — 넉넉한 여백과 큰 포토그래픽 블록이 화면에 보입니다.
• 굵거나 기울임꼴 디스플레이 텍스트를 사용하지 마세요 — 깔끔하고 정상적인 굵기의 타이포그래피가 화면에 보입니다.
• 피하기: 공격적인 프로모션 언어 또는 밝고 강렬한 색상
• 피하기: 복잡한 레이아웃 또는 과도한 시각적 노이즈
• 피하기: 복잡한 그라데이션 또는 무거운 드롭 섀도우

10

팩 안의 실제 스크린샷

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

11

System Prompt

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