21
01 — Colors(lorem ipsum dolor sit amet 1 lorem)

lorem ipsum dolor

Background lorem
#ffffff
Brand Orange
#f1832c
Text Primary lorem
#323232
Muted / lorem ipsum
#969696
Border(lorem ipsum)
#a9a9a9
Border Light
#e8e8e8
Surface Tint lorem
#f9f9f9
Surface Sunken lorem ipsum
#f6f6f6
02 — Typography(lorem 1.63 lorem ipsum dolor / lorem normal / palt off)

lorem ipsum dolor

Hero Title 25 / 700 / 1.63
lorem ipsum 21 lorem ipsum lorem ipsum
Hero Subtitle 25 / 400 / 1.63
2026.04.04 - 2026.08.23
Section Title 26 / 700 / 1.2
lorem
Panel Title 17 / 700 / 1.63
lorem, lorem ipsum dolor?
Widget Title 15 / 700 / 1.63
lorem ipsum dolor
Body 16 / 400 / 1.63
lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur adipiscing.
Body Emphasis 16 / 700 / 2.0
lorem 21 lorem ipsum dolor, “lorem ipsum dolor”lorem“lorem ipsum dolor sit amet”lorem ipsum dolor sit amet.
Nav Link 14 / 700 / 1.0
lorem ipsum dolor
Notice 14 / 700 / 1.63 / brand
lorem ipsum dolor:
Small 13 / 400 / 1.6 / 0.02em
lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur.
Copyright Roboto 10 / palt
Copyright © 2024 21st Century Museum of Contemporary Art, Kanazawa.
03 — Exhibition(lorem ipsum dolor sit)

lorem ipsum dolor

lorem lorem lorem

lorem ipsum 21

lorem, lorem ipsum dolor?

2026 lorem 4 lorem 25 lorem(lorem)–9 lorem 6 lorem(lorem)

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

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

lorem ipsum dolor

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

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

04 — Buttons & Labels(lorem 900px / CTA lorem radius 0)

lorem ipsum dolor

lorem lorem ipsum lorem lorem lorem ipsum lorem lorem ipsum dolor lorem ipsum dolor lorem ipsum dolor sit lorem
lorem ipsum dolor lorem ipsum dolor lorem ipsum dolor sit
05 — Cards(lorem → lorem → lorem → lorem ipsum / radius 0 / lorem)

lorem

EXHIBITION
loremlorem
2026 lorem 4 lorem 25 lorem(lorem)–9 lorem 6 lorem(lorem)
lorem, lorem ipsum dolor?
EXHIBITION
lorem ipsumlorem
2026 lorem 10 lorem 3 lorem(lorem)–2027 lorem 3 lorem 21 lorem(lorem)
lorem ipsum 21 lorem ipsum lorem ipsum
EVENT
loremloremlorem
2026 lorem 7 lorem 26 lorem(lorem) 14:00–15:30
lorem ipsum dolor sit“lorem ipsum dolor”
LEARNING
lorem ipsumlorem ipsum dolor
2026 lorem 8 lorem 8 lorem(lorem) 10:00–12:00
lorem ipsum dolor sit amet
lorem ipsum dolor
06 — Forms(lorem ipsum / lorem ipsum / lorem)

lorem ipsum

DEFAULT — border 1px solid #a9a9a9
FOCUS — border 1px solid #f1832c
lorem ipsum dolor sit amet consectetur
07 — Elevation(lorem ipsum dolor. lorem ipsum dolor sit amet consectetur)

lorem

Level 0 · lorem ipsum
Level 1 · lorem ipsum dolor
Level 2 · lorem ipsum
×

lorem　lorem 21 lorem ipsum dolor sit amet

lorem 21 lorem ipsum dolor, lorem ipsum dolor sit, 2027 lorem 5 lorem 6 lorem 2028 lorem 3 lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor, lorem ipsum, lorem ipsum dolor sit.

08 — Layout(12 lorem / max-width 1280px)

lorem ipsum

3
3
3
3
XS 5
S 11
M 20
L 33
XL 55
XXL 80