큐레이션 · 오픈 · 무료

Fallengrape

따뜻하고 자연스러운 어스톤과 세리프 타이포그래피를 사용한 정제된 와인 브랜드 연령 인증.

01

디자인 DNA

따뜻한 종이 질감을 가진 러스틱한 고급 와인 셀러

02

컬러

자연적인 어스톤과 하이 컨트라스트 세리프 타이포그래피를 통한 자연스러운 따뜻함.

03

타이포그래피

transitional-serif · grotesque-sans

• display48px · 400
• body14px · 400
• caption16px · 400

디스플레이 요소에는 Romie를 사용합니다 · 본문 및 UI 텍스트에는 Arial Narrow를 사용합니다

04

여백

중앙 모달 내에 넉넉한 수직 간격

05

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

1px solid rgba(87, 61, 33, 0.1)

rgba(0, 0, 0, 0.1) 0px 4px 30px 0px

06

레이아웃

전체 너비의 질감 있는 배경 위에 단일 중앙 모달 오버레이

07

모션과 인터랙션

hover 시 간단한 opacity 전환

버튼의 색상 변화 또는 opacity 변화 · 직접적인 상태 변경 또는 모달 닫기

08

컴포넌트

• button 테두리 없이 평평한 직사각형 색상 블록
• card 미세한 드롭 그림자가 있는 반투명 직사각형 모달
• hero 중앙 모달 오버레이가 있는 전체 화면 배경 이미지

09

보이스와 금지 목록

• 톤 격식 있고 직접적이며 규정을 준수하는
• 헤드라인 크고 우아한 세리프 질문
• CTA 직접적인 대문자 고딕체 레이블

• 밝고 채도 높은 액센트를 사용하지 마세요 — 스크린샷은 대신 은은한 어스톤을 보여줍니다
• 디스플레이에 순수 기하학적 고딕체를 사용하지 마세요 — 스크린샷은 전환 세리프를 사용합니다
• 좁고 밀집된 간격을 사용하지 마세요 — 스크린샷은 모달에 넉넉한 수직 패딩을 보여줍니다
• 무거운 드롭 그림자를 사용하지 마세요 — 스크린샷은 매우 미세하고 부드러운 그림자를 사용합니다
• 모달에 날카롭고 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카롭고 둥글지 않은 가장자리를 보여줍니다
• 메인 컨테이너에 흰색 배경을 사용하지 마세요 — 스크린샷은 반투명 베이지를 사용합니다
• 피하기: 장난스러운 언어
• 피하기: 밝고 네온적인 컬러
• 피하기: 과도한 장식

10

팩 안의 실제 스크린샷

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

11

System Prompt

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