styles
← 갤러리

Allbirds

따뜻한 샌드(#ece9e2)와 어스 톤 팔레트로 지속가능성을 시각화한 오가닉 이커머스 — 자연스러움이 곧 프리미엄이다.

organic-natural earth-tonessand-backgroundsustainablelifestyle-photoecommercewarm-neutralnature-inspired
⬇ AI 번들 (llms.md) DESIGN.md tokens.json
라이브 프리뷰 — 동일 샘플 UI에 이 스타일 적용

설명

Allbirds 이커머스에서 추출한 organic-natural 스타일. 따뜻한 샌드(#ece9e2)가 메인 배경이고, 차콜(#212121)이 텍스트를 담당한다. 뮤트된 그린·블루·브라운이 보조 색상으로 자연스러움을 연출한다. 히어로는 대형 라이프스타일 사진과 오버레이 타이포. 넉넉한 여백과 라운드한 엘리먼트가 편안함을 준다.

타입 스케일

hero Ag 스타일 견본 Style Specimen
h1 Ag 스타일 견본 Style Specimen
h2 Ag 스타일 견본 Style Specimen
h3 Ag 스타일 견본 Style Specimen
body Ag 스타일 견본 Style Specimen
caption Ag 스타일 견본 Style Specimen

Medium weight headlines (500 not bold) for organic softness. Uppercase letterspaced labels.

골든 예제 (exemplar)

ALL NEW COLLECTION

Wildly Comfortable.
Super Natural.

Tree Runner

$98

Wool Runner

$110

Tree Dasher

$135

SuperLight

$125

Do

  • Use warm sand (#ece9e2) as primary background
  • Keep charcoal (#212121) as the only strong contrast
  • Use muted earth tones (greens, browns, taupes) for secondary elements
  • Full-bleed lifestyle photography in heroes
  • Uppercase letterspaced labels for categories/captions

Don't

  • Don't use bright saturated colors — keep everything muted
  • Don't use heavy shadows or borders — keep it subtle
  • Don't use bold font weights — medium (500) is the max for headings
  • Don't forget the sustainable/natural brand positioning

컴포넌트 노트

button
Charcoal fill (0px radius, squared), uppercase label with letterspacing. Ghost variant: underlined text link.
card
Product card with image, name, price. Minimal — no heavy borders or shadows.
input
Simple field, 4px radius, hairline border.
nav
Top bar with centred logo, category links (uppercase, letterspaced), cart icon.