큐레이션 · 오픈 · 무료

Aura Bora

대담하고 윤곽선이 강조된 타이포그래피와 부드러운 파스텔 컬러를 사용하여 자연의 제로칼로리 스파클링 워터를 전달하는 장난기 있고 일러스트레이션이 풍부한 음료 브랜드입니다.

01

디자인 DNA

자연의 맛에 대한 친근하고 일러스트레이션된 동화책.

02

컬러

부드럽고 유기적인 파스텔 위의 고대비 검은색 윤곽선이 친근하고 접근 가능한 미학을 만듭니다.

03

타이포그래피

grotesque-sans · monospace

• display120px · 800
• h180px · 800
• h232px · 800
• body17px · 400
• caption13px · 400

라벨 및 내비게이션 요소는 대문자 사용 · 디스플레이 텍스트의 글자 간격을 매우 다양하게 조절

04

여백

여백을 위한 넉넉한 패딩의 8px 기본 그리드

05

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

1px solid black

6px 6px 0px rgba(0,0,0,1)

06

레이아웃

좌측에는 큰 타이포그래피, 우측에는 제품 디스플레이가 있는 중앙 정렬 히어로

07

모션과 인터랙션

스크롤링 마퀴 · 버튼의 hover 스케일링

스케일 변환 및 배경색 변화 · 미세한 누름 효과

08

컴포넌트

• button 검은색 윤곽선과 투명하거나 솔리드 배경을 가진 둥근 알약 형태
• card 두꺼운 검은색 윤곽선과 둥근 모서리, 종종 기발한 일러스트레이션 포함
• chip 검은색 테두리가 있는 단순한 텍스트
• input 검은색 테두리가 있는 둥근 직사각형 필드
• hero 대규모 윤곽선 타이포그래피와 제품 일러스트레이션이 특징인 분할 레이아웃

09

보이스와 금지 목록

• 톤 친근하고 장난기 있으며 접근 가능한
• 헤드라인 대담하고 거대하며, 대문자로 강하게 윤곽선 처리
• CTA 알약 모양의 테두리로 명확하고 단순한 행동 유도

• 복잡한 그라데이션 사용 금지 — 스크린샷에는 솔리드 파스텔 배경이 보입니다
• 얇고 섬세한 선 사용 금지 — 스크린샷에는 모든 곳에 두꺼운 1px 검은색 윤곽선이 보입니다
• 우아한 세리프 폰트 사용 금지 — 스크린샷에는 대담하고 둥근 grotesque와 monospace가 보입니다
• 어둡고 분위기 있는 팔레트 사용 금지 — 스크린샷에는 밝고 공기 같은 파스텔이 보입니다
• 윤곽선 없는 둥근 직사각형 사용 금지 — 스크린샷에는 뚜렷한 검은색 윤곽선이 보입니다
• 혼잡한 레이아웃 사용 금지 — 스크린샷에는 넉넉한 여백과 집중된 섹션이 보입니다
• 피하기: 복잡한 전문 용어
• 피하기: 건조한 미학
• 피하기: 무거운 그림자

10

팩 안의 실제 스크린샷

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

11

System Prompt

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