lorem ipsum dolor sit amet consectetur

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. lorem, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur. computed style lorem ipsum dolor.

lorem ipsum dolor sit amet lorem ipsum dolor sit
01 / Colors

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

Brand
Teal
#027e73
lorem. lorem ipsum＝lorem / lorem / lorem / lorem
Bright Teal
#1bbc9b
lorem ipsum
Mint
#75cec6
lorem ipsum dolor
Pale Mint
#c7eae7
lorem ipsum dolor(lorem #00675e)
Pale Green
#e7eee7
lorem ipsum dolor
Sand
#dbcea5
lorem 2 lorem. lorem ipsum dolor / lorem ipsum
Gold
#c4aa5c
lorem ipsum dolor. lorem / Warning lorem
Apricot
#ecb576
lorem ipsum dolor sit amet(lorem)
Navy
#374c9f
lorem ipsum dolor
Calendar
Sky
#c5d8f2
lorem ipsum dolor sit
Pale Slate
#e2e5ec
lorem ipsum dolor / lorem
Gray Legend
#d4d4d4
lorem / lorem ipsum
Mid Gray
#757575
lorem ipsum dolor / lorem
Neutral
Background
#f6f6f6
lorem ipsum. lorem ipsum dolor
Surface
#ffffff
lorem / lorem ipsum dolor pill lorem
Surface 2
#eef0ee
lorem ipsum dolor
Ink
#323131
lorem ipsum. lorem ipsum dolor
Ink Muted
#5e606e
lorem ipsum
Border
#a3a3a3
“lorem”lorem ipsum
02 / Typography — lorem

lorem ipsum dolor sit — body lorem weight 500 lorem ls 0.64px

lorem! lorem ipsum dolor!! lorem ipsum dolor, lorem ipsum dolor sit
38px / 700 / line-height: 1.5 / letter-spacing: 0.64px (0.017em)lorem ipsum dolor
lorem ipsum
37px / 700 / line-height: 1.2 / letter-spacing: 10px (0.27em)lorem ipsum dolor
lorem
35px / 500 / line-height: 1.5 / letter-spacing: 0.64pxlorem ipsum dolor(h1)
lorem ipsum
28px / 700 / line-height: 1.5 / letter-spacing: 0.64px (0.023em)lorem ipsum dolor
café Charité(lorem lorem ipsum)
28px / 500 / line-height: 1.5 / letter-spacing: 0.64pxlorem(weight 500)
2026 lorem 8 lorem 12 lorem(lorem)
22px / 700 / line-height: 1.5 / letter-spacing: 2px (0.09em)lorem(lorem ipsum)
lorem ipsum dolor“lorem ipsum dolor ― lorem ipsum dolor sit”
20px / 700 / line-height: 1.5 / letter-spacing: 0.64pxlorem ipsum
10 lorem 19 lorem(lorem ipsum dolor 30 lorem ipsum)
20px / 500 / line-height: 1.5 / letter-spacing: 0.64pxlorem ipsum
lorem ipsum dolor — lorem ipsum dolor, lorem ipsum dolor sit amet consectetur 2015 lorem ipsum dolor. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing elit. body lorem font-weight: 500 lorem letter-spacing: 0.64px lorem ipsum dolor.
16px / 500 / line-height: 1.5 (24px) / letter-spacing: 0.64px (0.04em)body lorem
lorem / lorem ipsum dolor(400 lorem ipsum dolor sit)
14px / 400 / line-height: 1.5 / letter-spacing: 0.64pxlorem ipsum / lorem ipsum dolor sit
03 / Exhibition — lorem ipsum dolor

lorem ipsum dolor sit amet consectetur

2026 lorem 8 lorem 12 lorem(lorem)
10 lorem 19 lorem(lorem ipsum dolor 30 lorem ipsum)
lorem
lorem! lorem ipsum dolor!! lorem ipsum dolor, lorem ipsum dolor sit ―lorem ipsum, lorem ipsum and more
lorem ipsum dolor
Hello Kitty lorem － lorem ipsum dolor sit amet consectetur －
lorem ipsum
lorem ipsum dolor“lorem ipsum dolor”
loremloremloremloremloremloremlorem
2627282930311
2345678
9101112131415
16171819202122

lorem ipsum( #c5d8f2)lorem ipsum dolor(20 lorem). lorem ipsum dolor sit amet consectetur.

04 / Buttons & Badges

lorem pill(radius 100px)— lorem ipsum dolor sit amet

lorem ipsum
Outline — lorem
lorem ipsum dolor sit
Filled — lorem
lorem ipsum
Soft — lorem ipsum
lorem ipsum
Tab — lorem
lorem
Tab — lorem(lorem ipsum 700 lorem)

lorem(pill)

lorem lorem ipsum dolor MAPO lorem ipsum lorem ipsum NEW lorem lorem

“lorem ipsum”lorem ipsum dolor sit amet consectetur(lorem＋1px solid #ecb576). “lorem”lorem ipsum dolor sit amet(radius 0).

lorem ipsum dolor(radius 50%)— pill(lorem)lorem(lorem)lorem ipsum dolor

lorem
lorem ipsum
lorem ipsum
lorem ipsum
05 / Cards

lorem ipsum dolor(radius 0), lorem ipsum dolor pill

lorem ipsum dolor
lorem

lorem! lorem ipsum dolor!! lorem ipsum dolor, lorem ipsum dolor sit

lorem2026 lorem 7 lorem 17 lorem–9 lorem 23 lorem
lorem ipsum dolor
lorem ipsum dolor

Hello Kitty lorem － lorem ipsum dolor sit amet consectetur －

lorem2026 lorem 7 lorem 17 lorem–9 lorem 23 lorem
lorem ipsum dolor
lorem ipsum

lorem ipsum dolor“lorem ipsum dolor ― lorem ipsum dolor sit”

lorem2026 lorem 8 lorem 23 lorem
06 / Forms

lorem ipsum dolor

border: lorem / radius: 25px
lorem ipsum — lorem ipsum #f6f6f6 lorem ipsum dolor sit amet consectetur
lorem ipsum — border: #027e73(lorem ipsum)
lorem — border: #b3312a(lorem ipsum)
07 / Elevation — lorem(1 lorem / lorem ipsum dolor)

Depth & Elevation

Level 0: Flat
lorem / lorem / lorem ipsum dolor / lorem ipsum dolor
Level 1
0 0 6px rgba(0,0,0,0.16) — lorem / lorem ipsum dolor sit
lorem #f6f6f6
lorem ipsum. lorem ipsum dolor sit
Focus Ring
#027e73

lorem ipsum(lorem ipsum)lorem ipsum dolor. “lorem ipsum”lorem ipsum“lorem ipsum dolor”lorem.

08 / Layout

lorem ipsum dolor sit amet consectetur

XS 5
S 10
M 16
L 24
XL 40
XXL 64
XXXL 96
Main Container 1280px lorem
Article 800px lorem

lorem ipsummax-width: 100% lorem ipsum dolor sit, lorem ipsum dolor CSS lorem ipsum dolor. lorem ipsum dolor sit.