큐레이션 · 오픈 · 무료

Giganticcandy

오버사이즈 디스플레이 타이포그래피와 고대비 레이아웃을 사용한 캔디 브랜드의 대담하고 도시 영감을 받은 이커머스 사이트입니다.

01

디자인 DNA

스케이트파크 스티커 미학과 프리미엄 캔디 브랜딩의 만남.

02

컬러

주로 단색이며, 단 하나의 고채도 강조색(토마토 레드)과 순수한 화이트, 블랙을 전략적으로 활용하는 고대비 팔레트입니다.

03

타이포그래피

geometric-sans · humanist-sans

• display96px · 700
• heading48px · 700
• body16px · 400

디스플레이와 제목은 대문자 변환을 사용합니다. · 본문 텍스트는 가독성을 위해 1.8의 넉넉한 행간을 적용합니다. · 큰 디스플레이 텍스트에는 타이트한 자간을 적용합니다.

04

여백

수직 리듬은 4px 그리드를 기반으로 하며, 큰 섹션에는 넉넉한 패딩을 적용합니다.

05

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

주 잉크 색상을 사용한 1px 실선 테두리입니다.

06

레이아웃

콘텐츠를 위한 단일 중앙 정렬 레이아웃과 풀블리드 히어로 이미지입니다.

07

모션과 인터랙션

hover 상태에서의 부드러운 전환 · 히어로 요소를 위한 패럴랙스 또는 느린 fade-in

버튼에서의 은은한 불투명도 변화 또는 색상 반전입니다. · 표준 커서 변화에 의존하는 최소한의 피드백입니다.

08

컴포넌트

• button 흰색 대문자 텍스트가 들어간 검은색 실선 배경 또는 잉크 색상의 외곽선 버튼입니다.
• card 깔끔한 흰색 배경에 제품 이미지를 배치한 제품 카드입니다.
• hero 크고 분위기 있는 사진 배경과 대담한 중앙 정렬 타이포그래피가 적용된 풀 뷰포트 섹션입니다.

09

보이스와 금지 목록

• 톤 장난기 있고 대담하며 약간 불손한 어조입니다.
• 헤드라인 짧고 임팩트가 있으며, 항상 대문자입니다.
• CTA 직접적이고 행동 지향적이며, 'Shop' 또는 'Scroll'을 자주 사용합니다.

• 작고 섬세한 타이포그래피를 사용하지 마세요. 스크린샷에는 대신 크고 대담한 디스플레이 텍스트가 나타납니다.
• 흐리거나 파스텔 팔레트를 사용하지 마세요. 스크린샷에는 대신 고대비 블랙, 화이트, 레드오렌지 팔레트가 나타납니다.
• 복잡한 다중 컬럼 레이아웃을 사용하지 마세요. 스크린샷에는 대신 깔끔한 단일 중앙 정렬 레이아웃이 나타납니다.
• 둥글고 통통한 형태를 사용하지 마세요. 스크린샷에는 대신 날카롭고 대부분 직사각형 요소들이 나타납니다.
• 은은하고 숨겨진 내비게이션을 사용하지 마세요. 스크린샷에는 대신 명확한 고정 헤더와 뚜렷한 링크들이 나타납니다.
• 제목에 세리프 글꼴을 사용하지 마세요. 스크린샷에는 대신 기하학적이고 그로테스크한 산세리프 글꼴이 나타납니다.
• 피하기: 격식 있는 기업적인 언어
• 피하기: 은은하거나 절제된 주장
• 피하기: 작고 은은한 타이포그래피

10

팩 안의 실제 스크린샷

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

11

System Prompt

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