design system preview

AMBUSH

ambushdesign.com lorem ipsum dolor sit amet consectetur adipiscing. Replica + lorem ipsum dolor sit ProN, 12px lorem ipsum dolor sit amet, lorem ipsum dolor + lorem ipsum dolor. computed style lorem ipsum dolor.

Shop Now DESIGN.md
01 / colors

Color Palette

brand
Black
#000000
lorem ipsum dolor
AMBUSH Red
#FF3A32
--ambushRed
text
Text Primary
#000000
lorem ipsum dolor
AMBUSH Gray
#808080
lorem ipsum dolor
Medium Grey
#666666
lorem ipsum / lorem
surface
Background
#ffffff
lorem ipsum
Off-White
#fafafa
--color-white
Light Gray
#f5f5f5
--ambushLightGray
Lightest Grey
#f2f2f2
lorem ipsum dolor
Light Grey
#e2e2e2
lorem ipsum dolor
Accent
#d4d4d4
--color-accent
Grey
#cccccc
lorem ipsum
Border Default
#a5a5a5
VIEW ALL lorem
semantic
Error
#990000
--color-error
Error Area
#ECCACB
lorem ipsum dolor
02 / typography

Typography

AMBUSH
Replica / 27.5px / 400 / line-height: 1.3 / letter-spacing: 0.02emLogo
New Arrivals
Replica / 12px / 400 / line-height: 1.3 / uppercaseSection Title
AMBUSH is a Tokyo-based label created by VERBAL and YOON. lorem ipsum, lorem ipsum, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt.
Replica + hiragino-kaku-gothic-pron / 12px / 400 / line-height: 1.3Body
Customer Service
Replica / 12px / 400 / line-height: 0.8 (--lineHeightRate)Footer Heading
lorem / lorem ipsum dolor
Replica + hiragino-kaku-gothic-pron / 12px / 400 / color: #808080Footer Link
03 / article

Article Sample

Ambush Spring/Summer 2026 Collection

VERBAL lorem YOON lorem ipsum AMBUSH lorem 2026 lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt. lorem ipsum dolor, lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing elit.

lorem ipsum dolor sit amet consectetur, 18K lorem ipsum, lorem ipsum dolor. lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.

2026.06.01 - Collection
04 / products

Product Cards

POW! Chain Necklace

POW! Chain Necklace

¥132,000
Candy Ring

Candy Ring

¥44,000
Padlock Earring

Padlock Earring

¥66,000
Logo T-Shirt

Logo T-Shirt

¥28,600
View All
05 / buttons

Buttons

Add to Bag
Primary (5px radius)
Continue Shopping
Secondary (5px radius)
View All
Tertiary (0 radius)
Sign Up
Newsletter (5px radius)
accent state
Sale
AMBUSH Red accent
06 / cards

Cards

Editorial Image
Spring/Summer 2026
View Collection
Campaign Image
Collaboration
AMBUSH x Nike
Lookbook Image
Lookbook
Fall/Winter 2025
07 / forms

Forms

Default -- border 1px solid #cccccc / radius 0
Focus -- border 1px solid #000000
Please enter a valid email address
Error -- border 1px solid #990000
08 / elevation

Depth & Elevation

Level 0
shadow: none
lorem ipsum dolor. AMBUSH lorem ipsum dolor
Border Emphasis
border: 1px solid #000
lorem ipsum dolor sit amet consectetur
Surface Shift
bg: #f5f5f5
lorem ipsum dolor sit amet consectetur
09 / layout

Spacing & Width

Spacing Scale
4px xxs
8px xs
16px sm
24px md
32px lg
40px xl
48px xxl
56px xxxl
Content Widths
Full Bleed 100vw
Content Max 1100px
Article Text 600px