design system preview

SS 2026 COLLECTION

AURALEE(auralee.jp)lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum(10–12px)+ lorem ipsum + lorem ipsum dolor #6c6c6c + Marcellus lorem / lorem ipsum dolor. computed style lorem ipsum dolor.

View Collection (Newsletter Sign Up)
01 / colors

Color Palette

brand / foreground
AURALEE Gray
#6c6c6c
UI lorem(lorem / lorem)
Charcoal
#222222
h1 / lorem ipsum dolor
Soft Black
#000000
lorem ipsum dolor sit
Footer Caption
#5c5c5c
lorem ipsum
surface
Off-White
#fbfbfb
lorem ipsum(lorem ipsum dolor)
Pure White
#ffffff
lorem ipsum / lorem ipsum
Cookie Veil
rgba(255,255,255,0.95)
lorem ipsum dolor sit
border
Soft Border
rgba(0,0,0,0.1)
lorem ipsum / lorem ipsum
02 / typography — lorem

Typography

AURALEE
gill-sans-nova / 27.5px / 400 / line-height: 1.4 (38.5px) / letter-spacing: 0.7px / color #222222h1 Logo
SS 2026 COLLECTION
Marcellus / 18px / 400 / line-height: 1.28 (23px) / letter-spacing: 0.7pxh2 Section
MEN / WOMEN
Marcellus / 20px / 400 / line-height: 1.0 / letter-spacing: 0.7pxh3 Nav
MEN — WOMEN — COLLECTION — NEWS — SHOP
Marcellus / 14px / 400 / line-height: 1.5 (21px)Sub Nav
AURALEE lorem, lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing / lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing.
gill-sans-nova / 12px / 400 / line-height: 1.5 (18px) / letter-spacing: 0.7pxBody
Extended Family — AURALEE lorem ipsum dolor sit amet
gill-sans-nova / 10px / 300 / line-height: 1.5 (15px)Body Light
International shipping is now available for selected regions. Please refer to our shipping policy.
Times New Roman / 10px / 400 / line-height: 1.4 (14px)English Notice
© Auralee Co., Ltd.
gill-sans-nova / 9px / 400 / line-height: 1.56 (14px)Caption
lorem ipsum dolor sit amet｜lorem ipsum dolor sit｜lorem ipsum dolor
Yu Gothic Pr6 / 8px / 400 / line-height: 1.5 / color #5c5c5cFooter Mini
SPRING & SUMMER 2026
A new chapter for AURALEE
"Soft, considered, and quietly modern."
03 / products — collection

Collection

SS 26 / 01

Cotton Cashmere Knit Pullover

lorem ipsum dolor sit amet consectetur adipiscing
SS 26 / 02

Hard Twist Wool Tropical Tailored Jacket

lorem ipsum dolor sit amet consectetur adipiscing elit
SS 26 / 03

Linen Tweed Coverall

lorem ipsum dolor sit amet consectetur adipiscing elit
SS 26 / 04

Silk Cotton Wool Trousers

lorem ipsum dolor sit amet consectetur
04 / buttons

Buttons

View Collection
Pill (radius 16px) / soft gray
0
Cart Badge (circle)
(Agree)
Text Link

Navigation

MEN WOMEN COLLECTION View all
05 / forms

Newsletter

lorem ipsum dolor — letter-spacing 1.2px
lorem ipsum — border-bottom: 1px solid #222222
06 / layout

Spacing & Width

Spacing Scale

8px
16px
24px
32px
64px
120px

Content Widths

Full Bleed Hero 100vw
Article Section 1100px
Body Text 640px