Mori Art Museum / 53F Roppongi Hills Mori Tower JP EN CH KR
lorem lorem ipsum lorem ipsum lorem ipsum
MORI ART MUSEUM lorem ipsum
lorem ipsum lorem ipsum lorem ipsum dolor
DESIGN SYSTEM PREVIEW

lorem ipsum dolor sit amet consectetur
lorem ipsum #bf0d3e lorem ipsum dolor

2026.5.8 / lorem ipsum

lorem ipsum(mori.art.museum/jp)lorem ipsum dolor sit amet consectetur adipiscing. Hiragino Sans + lorem ipsum #bf0d3e lorem ipsum dolor sit amet consectetur. lorem ipsum computed style lorem ipsum dolor.

01 / COLORS

lorem ipsum dolor

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

BRAND
Mori Crimson
#bf0d3e
lorem ipsum / lorem / CTA / lorem
FOREGROUND
Body Black
#252525
lorem / h1–h3
Mid Gray
#4c4c4c
lorem / lorem ipsum
Soft Gray
#7f7f7f
lorem ipsum dolor / date
Strong BG
#333333
lorem ipsum dolor
SURFACE
Pure White
#ffffff
lorem / lorem ipsum
Page Surface
#f8f8f8
lorem ipsum dolor
Section Surface
#f5f5f5
lorem ipsum dolor
Tag Surface
#ebebeb
lorem / lorem(lorem 12)
02 / TYPOGRAPHY — lorem

lorem ipsum dolor

Hiragino Sans + Hiragino Kaku Gothic ProN + lorem ipsum dolor sit amet consectetur. lorem line-height lorem 1.75 lorem.

M
MoriLogoB / 48px / 400 / line-height: 1.0 / color #bf0d3eLOGO (custom)
lorem ipsum dolor
Hiragino Sans / 27px / 700 / line-height: 1.5 (40.5px)H1 HERO
lorem / lorem ipsum 2026.4.2 — 9.23
Hiragino Sans / 18px / 700 / line-height: 1.0 / color #bf0d3eSTRONG CRIMSON
lorem ipsum dolor / lorem ipsum dolor
Hiragino Sans / 15px / 700 / line-height: 1.5 (22.5px)H2 SECTION
lorem ipsum dolor sit amet consectetur 53 lorem ipsum dolor sit amet consectetur adipiscing. 1997 lorem ipsum dolor 2003 lorem ipsum dolor. “lorem”“lorem”lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing.
Hiragino Sans / 15px / 400 / line-height: 1.75 (26.25px) / color #252525BODY lorem
2026.4.2 [WED] — 9.23 [SUN]
Hiragino Sans / 13px / 700 / line-height: 1.4 / color #bf0d3eDATE LABEL
lorem ipsum lorem ipsum lorem ipsum dolor lorem ipsum dolor / lorem
Hiragino Sans / 11px / 700 / line-height: 2.0 (22.75px) / color #bf0d3e / bg #ebebebTAG / BADGE
lorem ipsum
Hiragino Sans / 13px / 700 / line-height: 1.0 / color #ffffff / bg #bf0d3eFILLED BADGE
＊lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt.
Hiragino Sans / 11px / 400 / line-height: 1.75 (19.25px) / color #7f7f7fFOOTER NOTE
HOME > lorem > lorem ipsum dolor > lorem
Hiragino Sans / 10px / 400 / line-height: 2.0 / color #4c4c4cCAPTION
03 / EXHIBITIONS — lorem ipsum dolor

lorem / lorem ipsum

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

lorem
2026.4.2 [WED] — 9.23 [SUN]

lorem / lorem ipsum lorem

lorem ipsum dolor sit amet, lorem ipsum
lorem ipsum lorem ipsum dolor / lorem
2026.10.15 [THU] — 2027.3.20 [SUN]

lorem / lorem ipsum dolor sit

lorem ipsum / lorem ipsum dolor sit amet consectetur
lorem ipsum lorem ipsum dolor lorem ipsum
2027.5.10 [MON] — 9.30 [WED]

lorem ipsum dolor

lorem ipsum dolor sit amet consectetur adipiscing
lorem ipsum lorem ipsum dolor
PUBLIC PROGRAM
lorem / lorem ipsum dolor sit
lorem ipsum dolor sit amet consectetur / lorem, lorem ipsum dolor, lorem ipsum dolor sit, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.
lorem ipsum dolor
04 / BUTTONS

lorem ipsum dolor

lorem ipsum dolor
PRIMARY (Outline)
lorem + lorem ipsum dolor + radius 5px
lorem ipsum dolor
SECONDARY (Filled)
lorem ipsum dolor + lorem + radius 5px
lorem ipsum
TAG / FILTER
11px weight 700 / radius 0
lorem ipsum
FILLED BADGE
13px / lorem ipsum dolor
05 / FORMS

lorem / lorem ipsum dolor

DEFAULT — border #cccccc / radius 5px
FOCUS — border #bf0d3e
ERROR — border + bg tint
06 / ELEVATION & SURFACE

lorem ipsum(lorem)

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

Pure White
#ffffff
Page Surface
#f8f8f8
Section Surface
#f5f5f5
Tag Surface
#ebebeb
Strong BG
#333333
Mori Crimson
#bf0d3e
07 / LAYOUT — SPACING

lorem ipsum dolor

XS
4px
S
8px
M
16px
L
24px
XL
40px
XXL
64px