DESIGN SYSTEM
lorem ipsum dolor sit amet consectetur

lorem ipsum dolor sit amet consectetur
lorem ipsum dolor sit amet consectetur

lorem ipsum dolor computed style lorem(2026-06-18 lorem)lorem ipsum, lorem, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur. Jost + Noto Sans JP lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor lorem ipsum dolor VIEW MORE
01 / Colors

lorem ipsum dolor

Brand
Takashimaya Red
#dd0012
lorem ipsum dolor. lorem / CTA / lorem ipsum dolor sit
Red Hover
#c4000f
lorem / lorem ipsum dolor sit amet consectetur(lorem)
Neutral
Text Primary
#333333
lorem ipsum dolor / lorem
Section BG
#e7e7e7
lorem ipsum dolor
Light Gray Border
#dddddd
lorem ipsum / lorem ipsum dolor
White
#ffffff
lorem ipsum / lorem ipsum
Semantic(lorem ipsum)
Danger
#cc0000
lorem / lorem(lorem)
Success
#2e7d32
lorem / lorem(lorem)
Warning
#e65100
lorem / lorem(lorem)
02 / Typography

lorem ipsum dolor sit

VOL.26 — Display (EN / Jost)
Jost / 50px / 700 / line-height 1.2 / letter-spacing 0.02emlorem ipsum
TOP MESSAGE — Section Label (EN / Jost)
Jost / 30px / 700 / line-height 1.6 / letter-spacing 0.04emlorem ipsum dolor sit
lorem ipsum dolor — Section Label (JA)
Noto Sans JP / 18px / 700 / line-height 1.6 / letter-spacing 0.06emlorem ipsum dolor sit amet
lorem ipsum dolor — Body Lead (weight 500)
Noto Sans JP / 20px / 500 / line-height 1.6 / letter-spacing 0.024emlorem ipsum
lorem ipsum dolor sit — H2 Section (weight 700)
Noto Sans JP / 16px / 700 / line-height 1.0 / letter-spacing 0lorem ipsum dolor
lorem ipsum — Nav Link (weight 600)
Noto Sans JP / 15px / 600 / line-height 1.6 / letter-spacing 0.032emlorem ipsum dolor
lorem ipsum dolor — lorem ipsum 1831 lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor sit amet, “lorem, lorem. ”lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing(palt)lorem ipsum, lorem ipsum dolor sit amet consectetur.
Noto Sans JP / 16px / 400 / line-height 1.6 / letter-spacing 0.025em / paltlorem
lorem ipsum dolor — Menu Item (weight 500)
Noto Sans JP / 14px / 500 / line-height 1.6 / letter-spacing 0.034emlorem ipsum
VIEW MORE — Text Link (EN / Jost)
Jost / 11px / 700 / line-height 1.0 / letter-spacing 0.04emlorem ipsum dolor
lorem ipsum — Small Label (palt)
Noto Sans JP / 10px / 400 / line-height 1.3 / paltlorem ipsum
03 / Article — lorem ipsum dolor

lorem ipsum dolor

SEASONAL EVENT
lorem ipsum

lorem ipsum dolor

lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit. lorem ipsum, lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur.

lorem ipsum

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

lorem ipsum:lorem ipsum dolor S.C. lorem 8 lorem ipsum dolor. lorem ipsum dolor 10 lorem ipsum 8 lorem(lorem ipsum dolor 5 lorem). lorem ipsum dolor sit amet, lorem ipsum dolor sit, lorem IC lorem ipsum dolor sit amet consectetur.

※ lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing.

VIEW MORE
NIHONBASHI TAKASHIMAYA S.C.

lorem ipsum dolor S.C.

lorem ipsum dolor sit amet 4 lorem 1 lorem
TEL: 03-3211-4111(lorem)
lorem ipsum: lorem 10 lorem 30 lorem - lorem 7 lorem 30 lorem

04 / Buttons

lorem ipsum dolor sit

lorem ipsum dolor
Primary — Red / radius 10px
lorem ipsum dolor
Outline — border 1px solid #000 / radius 0
lorem ipsum
White — no border / radius 0
VIEW MORE
View More — Jost / 11px / 700
Banners / Tags
lorem ipsum dolor lorem ipsum dolor sit lorem
05 / Cards

lorem ipsum / lorem ipsum

SUMMER 2026
lorem

lorem ipsum dolor

lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur.

2026.07.15 - 07.28
GOURMET
lorem

lorem ipsum dolor sit

lorem ipsum, lorem ipsum, lorem ipsum dolor sit amet consectetur / lorem ipsum dolor sit amet consectetur.

2026.08.01 - 08.14
CULTURE
lorem

lorem ipsum dolor

lorem ipsum dolor sit amet consectetur. lorem, lorem, lorem ipsum dolor sit amet consectetur.

2026.09.01 - 09.15
06 / Forms

lorem ipsum dolor

Default — border #dddddd / radius 0px
Focus — border #dd0012 / shadow 3px
lorem ipsum dolor sit amet consectetur.
Error — border #cc0000 / shadow 3px
Select — appearance: none / custom arrow
07 / Elevation

Depth & Elevation

Level 0: Flat
lorem(lorem ipsum)
Elevation 1
0 2px 8px rgba(0,0,0,0.06)
Elevation 2
0 4px 16px rgba(0,0,0,0.08)
Elevation 3
0 8px 24px rgba(0,0,0,0.10)
08 / Layout — Spacing & Radius

lorem ipsum dolor & lorem ipsum

Spacing Scale(8px lorem)
XS
4px
S
8px
M
16px
L
24px
XL
48px
XXL
80px
Border Radius Scale
None
0px
Small
10px