Design System Preview: Peach Aviation(lorem)

COLORS

Brand — lorem ipsum 2 lorem

Peach Pink

#e65080

lorem CTA / lorem ipsum dolor. lorem ipsum dolor sit

Coral Pink

#ef8da5

lorem / lorem ipsum / lorem. lorem ipsum dolor sit amet

Footer Pink

#e5869a

lorem ipsum dolor. lorem ipsum

Pale Pink

#f9d0db

lorem ipsum dolor sit amet / lorem ipsum

Notice Pink

#fce7ed

“lorem ipsum dolor”lorem ipsum

Base — lorem ipsum dolor sit amet

Cream

#fff9f3

lorem ipsum dolor. lorem ipsum dolor sit amet

Beige

#f6ede4

lorem ipsum dolor / lorem ipsum dolor

Beige Deep

#eddfd4

lorem ipsum dolor / lorem ipsum

White

#ffffff

lorem / lorem ipsum / lorem ipsum dolor

Neutral — lorem ipsum dolor

Brown Text

#6d564a

lorem ipsum dolor. lorem ipsum dolor sit amet consectetur

Tan

#c39378

lorem ipsum dolor sit amet consectetur

Border Tan

#e2c3a6

lorem 3px / lorem 2px / lorem 1px lorem

Inactive

#d3ccc9

lorem ipsum dolor / lorem ipsum dolor

Danger / Holiday

#bf0008

lorem ipsum dolor / lorem. lorem ipsum dolor

Info / Saturday

#5172aa

lorem ipsum dolor. lorem ipsum dolor sit amet

BORDER RADIUS — lorem 2 lorem ipsum dolor

0px 20px

lorem / lorem ipsum
lorem(23 lorem)

0px 42px

lorem ipsum

0px 12px

lorem ipsum dolor CTA

5px

lorem / lorem ipsum dolor
(lorem / 89 lorem)

550px

lorem / lorem ipsum dolor

50%

lorem ipsum / lorem

0px 20px lorem“lorem / lorem = 0 / lorem / lorem = 20px”.lorem ipsum dolor sit amet consectetur Peach lorem“lorem”lorem ipsumlorem, 4 lorem ipsum dolor sit amet consectetur.

TYPOGRAPHY

lorem ipsum dolor

30px / 700 / lh 1.5 (45px) / ls normallorem ipsum dolor(u-weightB)

lorem ipsum

22px / 600 / lh 1.5 (33px) / ls normallorem ipsum(u-weightSB)

lorem ipsum dolor

18px / 600 / lh 1.6 (28.8px)lorem / lorem ipsum dolor(u-fontL u-weightSB)

8 lorem ipsum dolor sit amet, lorem ipsum dolor sit amet. lorem 16px / weight 400 / line-height 1.6 / letter-spacing normal. LCC lorem“lorem ipsum dolor”lorem ipsum,lorem 14px lorem ipsum dolor. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor 1.6 lorem 16px lorem ipsum dolor sit.

16px / 400 / lh 1.6 (25.6px) / ls normallorem(body lorem)

lorem ipsum dolor sit amet / Peach lorem ipsum dolor sit amet consectetur

16px / 600 / lh 1.6lorem ipsum(u-weightSB)— 400 ↔ 600 lorem ipsum dolor sit amet consectetur

lorem ipsum dolor sit amet

14px / 600 / lh 1.6 (22.4px)lorem ipsum dolor(u-fontS u-weightSB)

lorem ipsum

10px / 600 / lh 1.0lorem ipsum dolor sit — lorem ipsum

KIX MMB KUH 2026/08/13 ¥4,590

Montserrat lorem ipsum dolor.lorem ipsum / lorem / lorem ipsum dolor sit ametlorem ipsumlorem / lorem

lorem ipsum dolor

lorem ipsum
(lorem / lorem) lorem ipsum lorem
(lorem ipsum/lorem) lorem ipsum / lorem / lorem lorem ipsum

lorem ipsumborder: 3px solid #e2c3a6 ＋ border-radius: 0 42px。lorem ipsum dolor, lorem ipsum dolor sit amet consectetur。

BUTTONS

lorem ipsum/lorem

Primary — #e65080 / radius 0 12px / 16px 700

Search — radius 0 20px

lorem / lorem　›

Chip — 2px solid #e2c3a6 / radius 0 20px

loremlorem

Toggle — lorem #ef8da5(#e65080 lorem ipsum)

2026 lorem ipsum

Pill — #f6ede4 / radius 550px

lorem ipsum dolor / lorem

lorem ipsum

lorem ipsumlorem ipsum dolor #d3ccc9 lorem. lorem ipsum dolor sit amet.

lorem ipsum dolor

lorem ipsum dolor　›

FORMS

lorem

lorem ipsum — 1px solid #e2c3a6 / radius 5px(lorem ipsum dolor）

lorem

lorem ipsum — border #e65080

lorem ipsum dolor

lorem — border #bf0008(lorem ipsum dolor sit amet consectetur)

lorem2026 lorem 8 loremlorem

lorem

lorem #5172aa / lorem / lorem #bf0008 / lorem #6d564a

ELEVATION

Level 0

none
lorem / lorem / lorem ipsum dolor

Level 1

0 0 10px rgba(0,0,0,.1)
lorem ipsum dolor / lorem ipsum(lorem 3 lorem)

lorem ipsum

3px solid #e2c3a6
lorem ipsum dolor sit amet consectetur

lorem ipsumlorem ipsum #fff9f3 × lorem ipsum #f6ede4 × lorem ipsum #eddfd4 × lorem #ffffff lorem 4 lorem ipsum dolor.

LAYOUT

XS 5

S 10

M 15

L 24

XL 40

XXL 60

lorem ipsum dolor1300px

lorem ipsum dolor1000–1020px

lorem ipsum650px

lorem ipsum dolor sit(lorem)lorem1920px lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor Peach lorem ipsum dolor.

Generated from flypeach.com DESIGN.md — awesome-design-md-jp / computed style lorem(2026-08-16)
lorem ipsum dolorMontserrat, "Noto Sans JP", lorem ipsum dolor, … loremlorem ipsum dolor. Montserrat lorem Noto Sans JP lorem ipsum Google Fonts lorem ipsum dolor sit amet consectetur,lorem ipsum dolor sit amet consectetur。
letter-spacing lorem ipsum dolornormal、font-feature-settings loremnormal(palt lorem ipsum).