design system preview

SS 2026 COLLECTION

AURALEE（auralee.jp）から抽出したデザイントークンのカタログ。極小タイポ（10〜12px）+ 広い余白 + ソフトグレー #6c6c6c + Marcellus セリフ・ナビゲーション。computed style 実測値に基づく。

View Collection (Newsletter Sign Up)
01 / colors

Color Palette

brand / foreground
AURALEE Gray
#6c6c6c
UI 支配色（本文・ナビ）
Charcoal
#222222
h1・最重要見出し
Soft Black
#000000
リンクのデフォルト
Footer Caption
#5c5c5c
極小注釈
surface
Off-White
#fbfbfb
ページ背景（純白ではない）
Pure White
#ffffff
モーダル・フッター
Cookie Veil
rgba(255,255,255,0.95)
クッキーバナー半透過
border
Soft Border
rgba(0,0,0,0.1)
フォーム・区切り線
02 / typography — 実測値

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 は、上質な素材を独自の風合いに仕上げ、定番のデザインに新しい解釈を加えるデザイナー・岩井良太によるブランドです。ベーシックでありながら、纏うことで日常を少し特別にする服を提案しています。
gill-sans-nova / 12px / 400 / line-height: 1.5 (18px) / letter-spacing: 0.7pxBody
Extended Family — AURALEE 公式コミュニティに参加
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
特定商取引法に基づく表記｜プライバシーポリシー｜お問い合わせ
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

カシミヤとコットンを織り交ぜた風合い豊かなニット
SS 26 / 02

Hard Twist Wool Tropical Tailored Jacket

軽やかなウールトロピカル素材のテーラードジャケット
SS 26 / 03

Linen Tweed Coverall

夏のリネンツイードを使ったシンプルなオーバーオール
SS 26 / 04

Silk Cotton Wool Trousers

シルクとコットンウールの混紡パンツ
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

プレースホルダー — letter-spacing 1.2px
フォーカス — 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