2026.06.18 Wed NEW

lorem ipsum dolor,
lorem ipsum dolor sit amet.

TOKYU lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor tokyu.co.jp lorem computed style lorem(2026-06-18 lorem)lorem ipsum, lorem, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor sit lorem / lorem ipsum lorem ipsum dolor →
01 / Colors -- lorem(124 CSS Custom Properties)

lorem ipsum dolor

Brand — Teal
Teal Primary
#045f68
lorem CTA lorem / lorem ipsum dolor(--button-primary)
Teal Dark
#02444c
lorem ipsum(--portal-teal-800)
Teal Light
#f0fafa
lorem ipsum dolor(--bg-teal)
Brand — TOKYU RED
TOKYU RED
#f93628
lorem ipsum / NEW lorem ipsum(--tokyu-red)
Danger Text
#d92c1e
lorem / lorem ipsum dolor(--text-danger)
Text
Text Primary
#1a2120
lorem ipsum dolor(--text-primary)
Text Secondary
#5a605f
lorem ipsum dolor(--text-secondary)
Text Tertiary
#818988
lorem ipsum dolor(--text-tertiary)
Text Disabled
#afaaa2
lorem ipsum dolor(--text-disabled)
Neutral — Warm Gray Scale (portal-gray)
Gray 900
#201c18
lorem CTA / lorem
Gray 800
#343028
lorem ipsum dolor(--bg-dark)
Gray 700
#49443c
lorem ipsum dolor sit
Gray 600
#645d51
lorem ipsum dolor
Gray 500
#888175
lorem ipsum
Gray 400
#afaaa2
lorem ipsum(--border-medium)
Gray 300
#d0cbc4
lorem ipsum dolor
Gray 200
#e4e1da
lorem ipsum dolor(--border-light)
Gray 100
#f1eee9
lorem ipsum dolor(--bg-strong)
Gray 50
#f8f7f5
lorem ipsum dolor(--bg-default)
Semantic
Danger Surface
#fff4f3
lorem / lorem ipsum(--bg-danger)
Caution Surface
#fff9e2
lorem(--bg-caution)
Focus Ring
#2d60d6
lorem ipsum dolor(--border-focus)
Station Line Colors(lorem ipsum)
lorem
#db0042
lorem
#009cd3
lorem ipsum
#0a8540
lorem ipsum
#f18c2b
lorem
#ef6d9a
lorem ipsum dolor
#b72e7e
lorem ipsum
#d4a418
lorem ipsum dolor
#00a6c0
02 / Typography -- lorem

lorem ipsum dolor sit

lorem ipsum dolor -- Section H2
32px / 700 / line-height 1.5 / letter-spacing normallorem
lorem ipsum dolor sit -- H3 Section
24px / 700 / line-height 1.5 / letter-spacing normallorem
lorem ipsum dolor -- H2 Small
20px / 700 / line-height 1.5 / letter-spacing normallorem
lorem ipsum dolor -- lorem ipsum dolor sit, lorem ipsum, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod. lorem ipsum line-height 1.5 lorem ipsum, lorem ipsum dolor sit amet TOKYU lorem ipsum dolor sit amet consectetur.
16px / 400 / line-height 1.5 / letter-spacing normal / color #1a2120lorem
lorem ipsum -- lorem / lorem ipsum
14px / 700 / line-height 1.5 / letter-spacing normallorem
lorem ipsum dolor -- lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing.
14px / 400 / line-height 1.5 / letter-spacing normal / color #5a605f
2026.06.18 Wed
14px / 700 / line-height 1.25 / bg #f0fafa / color #045f68 / radius 2pxlorem ipsum
lorem ipsum dolor -- lorem ipsum
12px / 700 / line-height 1.5 / color #5a605florem ipsum dolor
03 / Railway -- lorem ipsum dolor sit

lorem ipsum dolor

lorem ipsum dolor sit amet

lorem ipsum dolor, lorem ipsum dolor sit amet consectetur, 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 elit sed do eiusmod tempor, lorem ipsum dolor.

lorem ipsum dolor

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

lorem ipsum dolor lorem ipsum dolor

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

lorem ipsum dolor sit:lorem ipsum dolor sit, lorem ipsum dolor sit, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing elit. App Store / Google Play lorem ipsum dolor sit amet consectetur.

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

04 / Buttons -- Pill lorem

lorem ipsum dolor sit

lorem ipsum dolor sit
Primary CTA -- Pill / #045f68
lorem ipsum dolor
Secondary -- White Pill + Dark Text
App Store
Dark CTA -- #201c18
lorem ipsum dolor →
Text Link -- #045f68
Alert / Status Buttons
lorem ipsum
Danger Alert -- bg #fff4f3 / border #ff8880
lorem ipsum
Danger Alert -- Pill
Badges
2026.06.18 Wed NEW lorem ipsum lorem
05 / Cards -- lorem ipsum dolor

lorem ipsum dolor sit

Image: 480 x 320
2026.07.12 Sat NEW

lorem ipsum dolor sit amet consectetur

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

lorem ipsum →
Image: 480 x 320
2026.07.20 Sun

lorem ipsum dolor lorem ipsum dolor

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

lorem ipsum →
Image: 480 x 320
2026.08.03 Sun lorem ipsum

lorem ipsum dolor lorem ipsum dolor

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

lorem ipsum →
06 / Forms

lorem ipsum dolor

Default -- border #afaaa2 / radius 12px / padding 20px 16px
Focus -- border #2d60d6 / shadow 3px
lorem ipsum dolor sit amet consectetur
Error -- border #ff8880 / shadow 3px
07 / Elevation -- lorem

Depth & Elevation

Level 0: Flat
lorem -- lorem
Elevation 1
0 2px 8px rgba(0,0,0,0.06)
Elevation 2
0 8px 24px rgba(0,0,0,0.08)
Elevation 3
0 16px 40px 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
XXSmall
2px
XSmall
4px
Small
8px
Medium
12px
Large
16px
Pill
999px