NAKANOSHIMA
MUSEUM OF ART,
OSAKA
lorem ipsum dolor lorem ipsum dolor
Colors
01 — lorem ipsum. lorem, lorem 1px lorem ipsum dolor
Base
Background
#ffffff
Ink(lorem)
#000000
Neutral
Border Gray(lorem ipsum)
#808080
Surface(lorem ipsum)
#ededed
Surface Light(lorem ipsum)
#f7f7f7
Divider
#cecece
Text Muted
#4d4d4d

lorem ipsum dolor sit amet consectetur. lorem“lorem ipsum dolor”lorem. lorem ipsum dolor sit amet consectetur adipiscing, UI lorem ipsum dolor.

Typography
02 — lorem ipsum 1 lorem / font-weight 500 lorem / line-height 2.0 / lorem justify
Site Title
28px / 500 / 2.0 / 0
lorem ipsum dolor
Section Head
21px / 500 / 2.0 / 0
lorem ipsum
Section Title
20px / 500 / 2.0 / 0.06em
lorem
Sub Section
18px / 500 / 2.0 / 0.06em
lorem ipsum dolor sit
Lead
16px / 500 / 2.0 / 0
lorem / lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur.
Card Title
16px / 500 / 1.75 / 0
lorem ipsum dolor　lorem / lorem ipsum
Base（body）
14px / 500 / 2.0 / normal
lorem 2022 lorem 2 lorem. lorem ipsum dolor sit“lorem ipsum dolor”lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing elit. lorem ipsum 6,000 lorem.
Nav
15px / 500 / 2.0 / 0
lorem ipsum dolor
Utility
12px / 500 / 2.0 / 0.07em
lorem ipsum dolor
Button Label
12px / 500 / 1.0 / 0
lorem ipsum dolor
Micro
9px / 500 / 2.0 / 0
JP
lorem“lorem ipsum”lorem ipsum“lorem”lorem ipsum dolor

font-weight lorem ipsum 500 lorem ipsum dolor.
NakanoshimaFont-T — lorem(lorem ipsum / lorem)
NakanoshimaFont — lorem(lorem / lorem / lorem)
NakanoshimaFont-M — lorem(lorem / lorem ipsum)

lorem ipsum dolor sit

text-align: justify ／ line-break: strict ／ word-break: break-word。
lorem ipsum dolor sit / lorem / lorem ipsum dolor sit amet consectetur. “lorem ipsum”lorem ipsum dolor / lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor palt lorem ipsum YakuHanJPs(lorem ipsum dolor sit)lorem ipsum dolor ——“lorem(lorem ipsum)lorem, lorem ipsum. ”lorem ipsum dolor sit amet consectetur.

Exhibition
03 — lorem ipsum dolor sit. 960px lorem ipsum dolor 2.0
2026 lorem 7 lorem 18 lorem［lorem］— 2026 lorem 10 lorem 12 lorem［lorem / lorem］／ 4 lorem ipsum

lorem ipsum dolor　lorem / lorem ipsum

19 lorem ipsum dolor sit amet, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur / lorem ipsum. lorem ipsum dolor sit / lorem ipsum dolor sit amet consectetur adipiscing elit, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur, lorem / lorem / lorem ipsum dolor sit amet consectetur 120 lorem ipsum dolor.

lorem ipsum dolor

lorem 1 lorem, lorem ipsum dolor sit amet consectetur adipiscing elit. lorem 2 lorem ipsum dolor——lorem ipsum / lorem ipsum dolor sit amet consectetur adipiscing. lorem 3 lorem 1908 lorem ipsum dolor sit amet.

lorem ipsum dolor MORE
Buttons
04 — lorem CTA lorem. lorem ipsum dolor sit amet consectetur
Outline(lorem CTA)
lorem ipsum dolor lorem ipsum dolor MORE

transparent / 1px solid #808080 / border-radius 0 / padding 10px 26px 7px 10px(lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor)/ 12px / line-height 1.

Filled(lorem ipsum dolor — lorem ipsum)
lorem lorem ipsum lorem

#000000 / #ffffff / border-radius 0 / padding 7px 8px 4px / 12px / line-height 1. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur.

Cards & Calendar
05 — lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur
poster
lorem

lorem ipsum dolor　lorem / lorem ipsum

2026 lorem 7 lorem 18 lorem［lorem］— 10 lorem 12 lorem［lorem / lorem］

poster
lorem ipsum

lorem ipsum dolor　1920—1940

2026 lorem 11 lorem 1 lorem［lorem］— 2027 lorem 1 lorem 18 lorem［lorem］

lorem ipsum dolor(lorem ipsum dolor border-radius lorem ipsum)
2026 08 August
lorem
lorem
lorem
lorem
lorem
lorem
lorem
01 02 03 04 05 06 07 08 09 10 11 12 13 14

lorem ipsum border-radius 100% lorem. lorem ipsum dolor sit amet consectetur, lorem ipsum #cecece. lorem ipsum dolor 0 lorem, lorem ipsum dolor.

Forms
06 — lorem ipsum / lorem ipsum / lorem. lorem ipsum, lorem ipsum dolor
lorem ipsum dolor sit
lorem ipsum dolor sit #000000 lorem ipsum
lorem ipsum dolor sit. lorem #ededed lorem
lorem ipsum dolor sit

lorem ipsum(lorem ipsum)

lorem ipsum dolor lorem ipsum dolor lorem ipsum
Elevation
07 — box-shadow lorem CSS lorem 0 lorem
1px lorem #808080 lorem 1px lorem ipsum dolor / lorem / lorem ipsum dolor.
lorem #ededed / #f7f7f7 lorem ipsum dolor sit amet consectetur.
lorem lorem“lorem ipsum dolor”lorem. lorem ipsum dolor sit amet consectetur.
Layout
08 — lorem ipsum dolor 960px. 1 lorem ipsum dolor
1267px — lorem ipsum dolor
960px — lorem ipsum dolor
892px — lorem ipsum
Spacing Scale
5
10
20
40
80

lorem ipsum dolor sit 767px(lorem ipsum dolor)／ 959px ／ 1069px ／ 1070–1260px(lorem ipsum dolor sit)／ 1600px(lorem ipsum dolor). lorem ipsum dolor text-align: justify lorem line-height 2.0 lorem ipsum dolor.