lorem ipsum / lorem(lorem)lorem ipsum dolor

BEAMS

1976 lorem ipsum dolor sit amet consectetur adipiscing. MEN / WOMEN / KIDS lorem ipsum dolor sit, lorem ipsum dolor, lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing elit sed.

Colors

Primary
Ink
#333333
Black Bar
#1a1a1a
Accent / Badges
Sale Red
#ff3700
Orange
#e85b03
Green (REARRIVAL)
#8fb347
Blue (PRE ORDER)
#55b1f2
Promo Olive
#bea870
Promo Brown
#997a5c
Surface / Neutral
White
#ffffff
Surface Cream
rgba(251,250,247,.75)
Tag Surface
#f2f2f2
Section Surface
#e5e5e5
Mid Gray
#808080
Text Secondary
#666666

Typography

lorem ipsum dolor sit Pro(ProN lorem ipsum)lorem. h1 lorem ipsum dolor BST. lorem ipsum line-height 1.0 lorem ipsum dolor, lorem 1.5–1.8 lorem ipsum dolor BEAMS lorem. letter-spacing lorem normal.

Logo / 48px / 400 / 1.0 / BST
BEAMS
H2 / 21px / 700 / 1.0
lorem ipsum dolor sit
H3 / 16px / 700 / 1.0
lorem ipsum dolor
Section Label / 14px / 700 / 1.0
lorem ipsum dolor sit
Body / 16px / 400 / 1.5
lorem ipsum dolor sit amet consectetur BEAMS. 1976 lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.
Article Body / 14px / 400 / 1.71
lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur, BEAMS lorem ipsum“lorem ipsum dolor”lorem ipsum dolor.
Card Caption / 12px / 400 / 1.8
【REMI RELIEF lorem / Pocket T-shirt】lorem REMI RELIEF lorem ipsum dolor sit amet T.
Link / 13px / 400 / 1.54
lorem ipsum dolor sit
Badge / 12px / 400 / 1.0
NEW REARRIVAL PRE ORDER SALE
JOURNAL

lorem ipsum dolor, lorem ipsum BEAMS

2026.05.07 / EDITORIAL
1976 lorem, lorem ipsum dolor sit BEAMS lorem ipsum dolor. “lorem ipsum / lorem ipsum dolor”lorem, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.
lorem ipsum 50 lorem, lorem ipsum dolor sit amet consectetur, lorem ipsum dolor / lorem ipsum dolor / lorem ipsum dolor sit amet consectetur adipiscing. MEN / WOMEN / KIDS lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing“lorem”lorem ipsum dolor, BEAMS lorem ipsum dolor sit amet.
lorem ipsum dolor sit amet consectetur adipiscing elit sed, lorem ipsum dolor / lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing.

Buttons

Tag Pill / Filter Pill(lorem)
#lorem #lorem ipsum #lorem #lorem #lorem
Filter Pill
lorem ipsum dolor lorem ipsum dolor
Black Alert Bar / Text Link
lorem ipsum / lorem(lorem)lorem ipsum dolor
lorem ipsum
Pagination Dots

Product Cards(lorem ipsum)

NEW
BEAMS / Selected
REMI RELIEF lorem / Pocket T-shirt
¥9,900
REARRIVAL
BEAMS PLUS
lorem × lorem ipsum lorem ipsum dolor lorem
¥18,700
PRE ORDER
B lorem YOSHIDA
PORTER × BEAMS / Tanker Tote Bag (M)
¥27,500
SALE
BEAMS BOY
lorem ipsum dolor / lorem ipsum dolor lorem ipsum dolor
¥6,930

Forms

lorem ipsum dolor sit amet consectetur

Elevation

BEAMS lorem ipsum dolor sit amet. lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur adipiscing elit.

Level 0 — Flat
Level 1 — Sticky Header

Layout

lorem ipsum dolor 4–8 lorem / lorem ipsum 3 lorem ipsum dolor sit amet. lorem ipsum 8–12px lorem ipsum dolor, lorem ipsum dolor sit.