DESIGN SYSTEM

IDÉE lorem ipsum dolor sit ／ lorem ipsum

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum #ffffff lorem ipsum dolor #001646 lorem ipsum dolor sit amet, Helvetica Neue(lorem)+ lorem ipsum Pr6n(lorem, preview lorem Yu Gothic Medium lorem)+ YakuHanJP(lorem ipsum)lorem ipsum dolor sit amet consectetur UI lorem. font-feature-settings: "palt" lorem ipsum dolor, letter-spacing 0.6px (+0.04em) lorem ipsum dolor, line-height 1.0 lorem ipsum dolor line-height 48px lorem ipsum CTA lorem ipsum dolor. computed style lorem(2026-05-07 lorem)lorem ipsum.

lorem ipsum dolor
01 / Colors

lorem ipsum dolor

Brand
Brand Navy
#001646
lorem ipsum / lorem / lorem ipsum
Brand Black
#111111
lorem / lorem
Logo Black
#000000
IDÉE lorem / lorem
Surface
Page Background
#ffffff
lorem
Border (CTA)
#888888
lorem CTA 1px lorem
02 / Typography — lorem

lorem ipsum dolor sit

Page Heading ／ lorem ipsum dolor
28px / weight 700 / line-height: 1.0 / letter-spacing: 0.6px (+0.02em)h1 lorem ipsum
Section Title ／ INFORMATION ／ SHOP NEWS
21px / weight 700 / line-height: 1.6 / letter-spacing: 0.6pxh2 .sectionTitle
Hero Title ／ lorem ipsum dolor sit amet consectetur adipiscing.
30px / weight 400 / line-height: 1.4 / letter-spacing: 0.6pxlorem ipsum dolor sit amet
Body ／ Helvetica Neue + lorem ipsum Pr6n lorem ipsum dolor
14px / weight 400 / line-height: 1.0 / letter-spacing: 0.6px (+0.04em) / palt: ONlorem — lorem ipsum
Topic Body ／ lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing. lorem line-height 1.5 lorem ipsum, lorem ipsum dolor sit amet.
13px / weight 400 / line-height: 1.5 / letter-spacing: 0.6px.topic_txt
Item Name ／ IDEE Cotton Linen Tote Bag lorem ipsum
12px / weight 400 / line-height: 1.4 / letter-spacing: 0.6px.itemName
NEW ARRIVALS
11px / weight 400 / line-height: 1.0 / letter-spacing: 0.5px / lorem #fff on lorem #001646lorem ipsum dolor
03 / Editorial Topic

FEATURE

FURNITURE

lorem ipsum dolor sit amet consectetur adipiscing, IDÉE lorem ipsum.

IDÉE lorem ipsum, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor Pr6n + Helvetica Neue lorem ipsum dolor, letter-spacing 0.6px lorem ipsum dolor. lorem ipsum dolor line-height lorem 1.5 lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing.

lorem ipsum dolor
04 / Products

NEW ARRIVALS

SHOP NEWS lorem
IDEE Cotton Linen Tote Bag lorem ipsum
¥6,820
AOR lorem ipsum dolor lorem
¥48,400
SOFA NOIE lorem ipsum 2.5 lorem ipsum
¥220,000
PUEBCO lorem ipsum dolor sit
¥3,300
05 / Buttons

UI lorem ipsum dolor

lorem ipsum dolor
Line CTA (line-height 48px / radius 0)
lorem ipsum
Navy CTA (#001646 / 12px / radius 0)
NEW ARRIVALS
Section Label (11px / lorem ipsum)
06 / Forms

lorem ipsum dolor

lorem ipsum — border: 1px solid #888888, radius: 0px
lorem ipsum — border: #001646(lorem ipsum dolor)
07 / Spacing — 4px lorem ipsum

lorem ipsum dolor

XS · 4px
S · 8px
M · 16px
L · 24px
XL · 48px
XXL · 80px