큐레이션 · 오픈 · 무료

Liquid Death

고딕 펑크 미학을 사용하여 건강한 수분 보충을 판매하는 반항적이고 무례한 음료 브랜드.

01

디자인 DNA

물을 판매하는 펑크 록 에너지 음료 브랜드

02

컬러

라이트 그레이, 깊은 블랙, 그리고 브랜드 마크용 독특한 메탈릭 골드 악센트 사이를 고대비 팔레트로 교차합니다.

03

타이포그래피

geometric-sans · humanist-sans

• display40px · 700
• heading32px · 700
• subheading24px · 700
• body16px · 400
• caption14px · 400

모든 내비게이션 링크에 대문자를 사용합니다 · 큰 디스플레이 헤드라인에 타이트한 자간을 사용합니다 · 모든 주요 제목에 볼드체(700)를 유지합니다

04

여백

히어로 섹션에 넉넉한 수직 패딩(상단 150px / 하단 56px)을 가진 8px 기본 그리드입니다.

05

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

입력 필드: 1px solid rgba(0, 0, 0, 0.15); 버튼: 1px solid rgb(0, 0, 0)

0px 4px 12px 0px rgba(0, 0, 0, 0.15) · 0px 0px 18px 0px rgba(0, 0, 0, 0.2)

06

레이아웃

큰 풀 너비 히어로 배너와 두드러진 오버레이 모달을 가진 중앙 정렬 콘텐츠.

07

모션과 인터랙션

hover 상태에서 부드러운 fade 및 transform 전환 · 모달 오버레이의 미세한 불투명도 전환

인터랙티브 요소에서 색상 변경 및 미세한 트랜스폼. · 버튼에서 즉각적인 시각적 반응.

08

컴포넌트

• button 두꺼운 검은색 테두리와 대문자 텍스트를 가진 투명 배경; border-radius 없음.
• card 보이지 않는 컨테이너 테두리가 있는 제품 이미지.
• input 얇은 검은색 테두리와 플레이스홀더 텍스트가 있는 흰색 배경.
• hero 크고 굵은 타이포그래피와 명확한 call-to-action 버튼이 있는 풀 너비 배경 이미지.

09

보이스와 금지 목록

• 톤 무례하고, 유머러스하며, 약간 공격적입니다.
• 헤드라인 짧고, 날카로우며, 종종 냉소적인 문구.
• CTA 'HELL YES'나 'SHOP NOW'와 같은 비공식적이고 대담한 문구.

• 주요 버튼에 둥근 모서리를 사용하지 않습니다 — 스크린샷은 대신 사각형/직사각형 모양을 보여줍니다
• 미세하거나 빛바랜 타이포그래피를 사용하지 않습니다 — 스크린샷은 대신 굵고 고대비의 헤드라인을 보여줍니다
• 화려하고 장난스러운 팔레트를 사용하지 않습니다 — 스크린샷은 대신 단일 골드 악센트가 있는 엄격한 단색 기반을 보여줍니다
• 작고 섬세한 UI 요소를 사용하지 않습니다 — 스크린샷은 대신 크고 투박한 입력 필드와 버튼을 보여줍니다
• 깨끗하고 여백이 많은 미학을 사용하지 않습니다 — 스크린샷은 대신 조밀하고 사실적인 배경과 바쁜 이미지를 보여줍니다
• 친근하고 소문자 헤드라인을 사용하지 않습니다 — 스크린샷은 대신 공격적이고 대문자 텍스트를 보여줍니다
• 피하기: 공식적인 기업 언어
• 피하기: 지나치게 기술적인 전문 용어
• 피하기: 부드럽거나 수동적인 어조

10

팩 안의 실제 스크린샷

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

11

System Prompt

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