lorem ipsum dolor sit amet

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. JAL lorem ipsum, lorem ipsum, lorem ipsum dolor sit amet consectetur. computed style lorem(2026-05-21)lorem ipsum.

lorem ipsum dolor DESIGN.md lorem

01 / Colors

lorem ipsum dolor

Brand

JAL Red

#cc0000

lorem ipsum / CTA / lorem ipsum

Alert Surface

#fcf1f1

lorem ipsum / lorem ipsum

Header / Footer

Header BG

#000000

lorem ipsum dolor / h1

Footer BG

#666666

lorem ipsum dolor / lorem ipsum dolor

Nav Link

#cccccc

lorem ipsum dolor

Text

Text Primary

#333333

lorem / lorem ipsum dolor

Text Secondary

#666666

lorem / lorem ipsum dolor

Border / Disabled

#bfbfbf

lorem ipsum / lorem ipsum

Surface & Background

Page Background

#f4f5f6

lorem ipsum dolor sit

Surface White

#ffffff

lorem / lorem ipsum / lorem ipsum

Surface Warm

#f2f1ef

lorem ipsum

Surface Cool

#f1f1f1

lorem ipsum

Overlay

rgba(0,0,0,0.7)

lorem ipsum dolor

02 / Typography — lorem

lorem ipsum dolor sit

lorem ipsum dolor sit amet — Hero H2

30px / 700 / line-height: 1.5 / letter-spacing: 0.02em / palt: loremlorem ipsum dolor / #ffffff on #000000

lorem ipsum dolor sit amet — Section H2

24px / 700 / line-height: 1.5 / letter-spacing: 0.02em / palt: loremlorem ipsum dolor

lorem ipsum — Feature H2

20px / 700 / line-height: 1.2 / letter-spacing: 0.02em / palt: loremlorem ipsum

lorem ipsum dolor — H3 Title

19.9px / 700 / line-height: 1.5 / letter-spacing: 0.02em / palt: loremlorem ipsum dolor

JAL lorem ipsum — H3 Card

18px / 700 / line-height: 1.5 / letter-spacing: 0.02em / palt: loremlorem ipsum dolor

lorem ipsum dolor — lorem / lorem ipsum dolor sit, JAL lorem ipsum dolor sit amet, JAL lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing elit sed. ABCabc 123

16.8px / 400 / line-height: 1.5 / letter-spacing: 0.02em / palt: lorembody lorem ipsum

lorem ipsum dolor — lorem ipsum dolor 23 lorem 59 lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur.

14px / 400 / line-height: 1.5 / color: #333333Caption

lorem / lorem ipsum dolor — ※ lorem ipsum / lorem ipsum dolor sit amet.

12px / 400 / line-height: 1.5 / color: #666666Small / Footer

lorem ｜ lorem ｜ lorem ipsum — Nav Link (Header)

12px / 700 / line-height: 1.0 / color: #cccccc / bg: #000000lorem ipsum dolor

03 / Article — lorem / lorem ipsum dolor

lorem ipsum dolor sit amet

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

lorem lorem lorem lorem ipsum dolor

lorem ipsum(JAL)lorem, lorem ipsum dolor sit amet consectetur 1 lorem 8 lorem ipsum dolor. lorem 21 / lorem ipsum dolor sit amet consectetur adipiscing.

lorem ipsum dolor

lorem ipsum dolor sit 60 lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur 20 lorem ipsum dolor sit amet. JAL lorem ipsum dolor sit amet consectetur adipiscing.

lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing. WiFi lorem ipsum(lorem)lorem ipsum dolor sit.

lorem ipsum dolor

lorem ipsum dolor sit amet consectetur, lorem J lorem 50kg, lorem ipsum 20kg lorem. lorem ipsum dolor 1 lorem(10kg lorem)lorem ipsum dolor. lorem ipsum dolor(3 lorem ipsum 115cm lorem)lorem ipsum dolor.

04 / Buttons

lorem ipsum dolor sit

lorem ipsum / lorem

Primary Pill
#cc0000 / 13px 40px / r:50px / 700

lorem ipsum

Primary Small Pill
#cc0000 / 8px 16px / r:50px / 12px / 700

lorem

Secondary (Tab)
transparent / border-bottom: red / 700

lorem ipsum →

Text Link
#333333 / underline / 700

lorem

lorem ipsum

JAL lorem

lorem — font-size: 16px / weight: 700 / active: border-bottom 3px solid #cc0000

05 / Cards

lorem ipsum dolor sit

HND → OKA ¥12,000 ~

lorem lorem lorem

lorem ipsum lorem 2 lorem 30 lorem ／ 1 lorem 8 lorem

lorem lorem 21

HND → CTS ¥8,900 ~

lorem lorem lorem

lorem ipsum lorem 1 lorem 35 lorem ／ 1 lorem 10 lorem

lorem ipsum lorem ipsum

HND → NRT lorem ipsum

lorem lorem lorem ipsum

lorem ipsum lorem 7 lorem 45 lorem ／ lorem ipsum dolor sit

JAL lorem ipsum dolor

06 / Forms

lorem ipsum dolor sit

lorem ipsum

lorem ipsum — font-size: 16.8px / padding: 12px

lorem ipsum

07 / Elevation — lorem ipsum dolor

Depth & Elevation

Level 0: Flat

shadow: none
lorem / lorem ipsum
(lorem ipsum dolor)

Level 1

0 2px 4px rgba(0,0,0,0.1)
lorem / lorem ipsum dolor

Level 2

0 4px 8px rgba(0,0,0,0.15)
lorem ipsum / lorem ipsum

Focus Ring

border: #cc0000
box-shadow: rgba(204,0,0,0.15)

Alert Surface

bg: #fcf1f1
border-left: 4px solid #cc0000
lorem ipsum / lorem ipsum

08 / Layout — lorem ipsum dolor / lorem ipsum dolor

lorem ipsum dolor

Spacing Scale

XS
4px

S
8px

M
16px

L
24px

XL
40px

XXL
64px

Container Width

Max Width 1200px

Article / Content 680px

Horizontal Padding 16px

Breakpoints

Name	Width	lorem
Mobile	≤ 767px	lorem ipsum dolor sit
Tablet	≤ 1024px	lorem ipsum dolor sit
Desktop	> 1024px	lorem ipsum dolor sit amet