lorem ipsum dolor, lorem ipsum

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. ANA 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

ANA Blue

#073190

lorem ipsum / CTA / lorem ipsum dolor BG

ANA Dark Navy

#00146e

lorem ipsum dolor sit / lorem

ANA Gold

#d4c493

SFC / lorem ipsum dolor sit

ANA Yellow

#ffca00

lorem ipsum dolor sit amet

Notice Blue

#ccd4ea

lorem ipsum dolor / lorem ipsum dolor

Text

Text Primary

#333333

lorem / lorem ipsum dolor

Text Secondary

#666666

lorem ipsum dolor

Text White

#ffffff

lorem ipsum dolor sit

Surface & Background

Page Background

#f1f1f1

lorem ipsum dolor sit

Surface White

#ffffff

lorem / lorem ipsum / lorem ipsum

Dark Section

#333333

lorem ipsum dolor / lorem ipsum

Border

Border Default

#c7c7c7

lorem ipsum / lorem ipsum

Border Focus

#073190

lorem ipsum dolor

02 / Typography — lorem

lorem ipsum dolor sit

lorem ipsum dolor, lorem ipsum — Hero H2

44px / 600 / line-height: 1.5 / letter-spacing: normal / palt: loremlorem ipsum dolor / #ffffff on #073190

lorem ipsum dolor sit — Section H2

28px / 600 / line-height: 1.3 / letter-spacing: normal / palt: loremlorem ipsum dolor

lorem ipsum dolor — Accordion H2

18px / 700 / color: #00146e / letter-spacing: normallorem ipsum dolor sit

lorem ipsum dolor — H3

24px / 600 / line-height: 1.3 / letter-spacing: normallorem ipsum

lorem ipsum — Form Label H5

16px / 600 / line-height: 1.5 / letter-spacing: normallorem ipsum dolor

lorem ipsum dolor — ANA lorem ipsum dolor, lorem 50 lorem ipsum, lorem 40 lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing, lorem 190 lorem ipsum dolor sit amet consectetur adipiscing. ABCabc 123

14px / 400 / line-height: 1.5 / letter-spacing: normal / palt: lorembody lorem ipsum

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

10px / 600 / letter-spacing: normalForm Annotation

03 / Article — lorem / lorem ipsum dolor

lorem ipsum dolor sit amet

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

lorem lorem lorem lorem ipsum dolor

ANA lorem ipsum dolor sit amet consectetur adipiscing elit sed do. lorem ANA SUPER VALUE lorem ipsum dolor sit amet. ANA lorem ipsum dolor sit amet consectetur adipiscing elit sed.

lorem ipsum dolor

lorem ipsum dolor sit 60 lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur adipiscing 20 lorem ipsum. ANA lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt.

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

lorem ipsum dolor sit amet

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

04 / Buttons

lorem ipsum dolor sit

lorem ipsum dolor

Primary Pill
#073190 / 12px 45px / r:50px / 600

lorem ipsum

Secondary Outline Pill
transparent / border: #333 / r:50px / 600

SFC lorem ipsum

Gold (SFC)
#d4c493 / 10px 24px / r:50px / 400

ANA lorem ipsum dolor →

Text Link
#073190 / arrow icon / 400

lorem ipsum dolor

Primary on Blue BG
#fff on #073190 / 600

lorem ipsum dolor

Outline on Blue BG
transparent / border: white / 600

lorem ipsum

lorem

Tab — font-size: 14px / weight: 600 / active: #ffffff bg / inactive: #ccd4ea bg / radius: 10px

05 / Cards

lorem ipsum dolor sit

HND → CTS ¥8,400 ~

lorem lorem lorem

lorem ipsum lorem 1 lorem 35 lorem ／ lorem ipsum dolor

ANA SUPER VALUE lorem

HND → OKA ¥11,500 ~

lorem lorem lorem

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

lorem ipsum dolor lorem 75

NRT → LAX lorem

lorem lorem lorem ipsum dolor

lorem ipsum lorem 10 lorem ／ lorem ipsum dolor THE Room

lorem ipsum dolor

06 / Forms

lorem ipsum dolor sit

lorem ipsum

lorem ipsum — height: 48px / font-size: 16px

lorem ipsum

lorem ipsum dolor

lorem ipsum — border: #073190 / shadow: rgba(7,49,144,0.15)

07 / Elevation

Depth & Elevation

Level 0: Flat

shadow: none
lorem ipsum dolor

Level 1

0 2px 8px rgba(0,0,0,0.08)
lorem / lorem ipsum dolor

Level 2

0 4px 12px rgba(0,0,0,0.12)
lorem ipsum / lorem ipsum dolor

Level 3

0 8px 24px rgba(0,0,0,0.15)
lorem ipsum / lorem ipsum dolor

Focus Ring

border: #073190
box-shadow: rgba(7,49,144,0.15)

Notice Surface

bg: #ccd4ea
border-left: 4px solid #073190
lorem ipsum

08 / Layout — Spacing & Container Width

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