큐레이션 · 오픈 · 무료

Our Place

따뜻하고 지구적인 톤을 깔끔한 모던 타이포그래피 및 사진 중심 레이아웃과 결합한 프리미엄 DTC 키친웨어 브랜드입니다.

01

디자인 DNA

소박한 따뜻함과 현대적이고 깔끔한 라인을 결합한 프리미엄 홈 가용품 브랜드입니다.

02

컬러

따뜻하고 지구적인 중성색이 기반을 형성하며, 행동 유도 요소를 위해 부드러운 테라코타 강조색으로 포인트를 주었습니다.

03

타이포그래피

transitional-serif · grotesque-sans

• display48px · 400
• h228px · 600
• body16px · 400
• caption12px · 400

내비게이션 텍스트는 대문자, 넓은 자간, 그리고 더 작은 글꼴 크기를 사용합니다. · 디스플레이 헤드라인은 프리미엄 느낌을 위해 정제된 트랜지셔널 세리프를 사용합니다. · 본문 텍스트는 가독성이 높고 중성적인 고트로스크 산세리프를 사용합니다.

04

여백

일관된 4px 기본 단위가 안정적인 수직 리듬을 만들며, 인터랙티브 요소 주위에 넉넉한 padding을 둡니다.

05

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

1px solid rgba(53,49,46,0.2)

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

06

레이아웃

최대 너비 컨테이너, 중앙 정렬 콘텐츠, 유연한 간격을 가진 표준 12열 그리드입니다.

07

모션과 인터랙션

인터랙티브 요소에 대한 hover 시 불투명도 및 색상 전환. · 캐러셀과 같은 복잡한 UI 상태 변화를 위한 부드러운 linear 전환.

링크와 버튼에 대한 미세한 색상 전환, 0.15s ease-in-out 지속 시간. · 인터랙티브 요소에 대한 표준 포인터 커서.

08

컴포넌트

• button 약간 둥근 모서리(4px)와 대문자 텍스트를 가진 단단하고 직사각형 버튼입니다. 주요 행동 유도 요소는 부드러운 테라코타 강조색을 사용합니다.
• card 넉넉한 여백과 깔끔한 타이포그래피를 가진 미니멀리스트 제품 카드입니다.
• chip 내비게이션에 사용되는 간단한 텍스트 링크 또는 소형 대문자 태그입니다.
• input 깔끔한 border-bottom 스타일 입력 또는 간단한 outlined 필드입니다.
• hero 오버레이된 세리프 헤드라인과 주요 행동 유도 버튼이 있는 전체 폭 사진 히어로 섹션입니다.

09

보이스와 금지 목록

• 톤 따뜻하고 자신감 있으며 프리미엄입니다. 품질과 의식적인 생활에 대해 이야기합니다.
• 헤드라인 간결하고 강렬한 경향이 있는 깔끔하고 우아한 세리프 헤드라인.
• CTA 직접적이고 행동 지향적이며 대문자.

• 네온이나 고채도 색상을 사용하지 마세요 — 스크린샷은 부드럽고 지구적인 팔레트를 보여줍니다.
• 강하고 무거운 drop shadow를 사용하지 마세요 — 스크린샷은 매우 미세하거나 그림자가 없는 것을 보여줍니다.
• 헤드라인에 장난스럽고 둥근 글꼴을 사용하지 마세요 — 스크린샷은 정제된 트랜지셔널 세리프를 보여줍니다.
• 내비게이션에 모두 소문자를 사용하지 마세요 — 스크린샷은 넓게 트래킹된 대문자 텍스트를 보여줍니다.
• 강렬한 흑백 팔레트를 사용하지 마세요 — 스크린샷은 따뜻한 오프화이트와 다크 그레이를 사용합니다.
• 복잡하고 바쁜 배경을 사용하지 마세요 — 스크린샷은 깔끔한 사진과 단색에 의존합니다.
• 피하기: 지나치게 캐주얼하거나 비속어적인 언어를 피합니다.
• 피하기: 너무 많은 상 competing 요소로 인터페이스를 복잡하게 만들지 않습니다.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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