lorem ipsum dolor
lorem ipsum dolor sit PayPay lorem

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

SCROLL
Colors

lorem ipsum dolor

Brand
PayPay Blue
#3895FF
lorem ipsum CTA / lorem
Blue Visited
#214DD2
visited link lorem
PayPay Red
#F24F4F
lorem ipsum dolor / SCROLL
Red Accent
#FD5C5C
lorem ipsum dolor
Text
Text Primary
#242323
lorem / lorem(lorem ipsum dolor)
Text Sub
#606060
lorem ipsum dolor / lorem
Page Bg
#FFFFFF
lorem ipsum
Bg Subtle
#EEEEEE
lorem / lorem ipsum dolor
Tag System

lorem ipsum dolor

PayPay lorem ipsum dolor sit. lorem ipsum(lorem ipsum dolor)lorem ipsum(lorem ipsum dolor sit)lorem ipsum dolor sit.

lorem ipsum
bg: #D9B0EC
color: #7921A3
lorem ipsum dolor
bg: #BBCFF2
color: #002970
lorem ipsum
bg: #FFFFFF
color: #3895FF
PayPay lorem
bg: #FFFFFF
color: #FD5C5C
Typography

lorem ipsum dolor sit

lorem ipsum dolor sit amet
Noto Sans JP / 55px / 700 / lh: 88px (×1.6)Hero H1
PayPay lorem ipsum dolor sit?
Noto Sans JP / 42px / 700 / lh: 67.2px (×1.6)H2 Major
lorem ipsum PayPay lorem ipsum dolor!
Noto Sans JP / 36px / 700 / lh: 57.6px (×1.6)H2 Section
lorem ipsum dolor lorem 7,300 lorem ipsum!
Noto Sans JP / 35px / 700 / lh: 56px / color: #F24F4FH3 Highlight (Red)
lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit / lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet.
Noto Sans JP / 20px / 400 / lh: 32px (×1.6)Body Large
PayPay lorem, QR lorem ipsum lorem ipsum dolor sit amet consectetur adipiscing elit. lorem line-height ×1.4 (22.4 / 16) lorem ipsum dolor sit amet consectetur.
Hiragino ProN / 16px / 400 / lh: 22.4px (×1.4)Body
2026/4/24 10:00 〜 2026/5/31 23:59
Hiragino ProN / 12px / 400 / lh: 16.8px (×1.4) / color: #606060Caption
SCROLL
Futura / 16px / 700 / color: #F24F4FDisplay EN
Highlight

lorem ipsum

lorem ipsum dolor lorem
7,300 loremlorem!
Campaigns

lorem ipsum dolor

CAMPAIGN
PayPay lorem lorem ipsum dolor
lorem 10%lorem ipsum!lorem ipsum dolor sit
2026/4/24 10:00 〜 2026/5/31 23:59
KISEKAE
lorem ipsum
“lorem: lorem ipsum dolor”lorem ipsum dolor
2026/4/24 10:00 – lorem ipsum
EXTERNAL
lorem ipsum
lorem ipsum dolor PayPay lorem 5%lorem ipsum
2026/4/15 〜 5/15
EVENT
PayPay lorem
lorem ipsum dolor 500 lorem ipsum dolor sit
2026/4/1 〜 6/30
Buttons

lorem

Primary CTA
bg #3895FF / radius 6px / 16px 700
Inline Link
color #3895FF / lorem ipsum

FAQ lorem ipsum dolor

Layout

lorem ipsum dolor

HERO: lorem ipsum dolor sit + Noto Sans JP 55px 700 / lh ×1.6 / lorem ipsum
FONT SWITCHING: body lorem Hiragino ProN, lorem ipsum Noto Sans JP lorem ipsum dolor sit
BUTTON RADIUS: 6px lorem PayPay lorem(UNIQLO lorem 0, Nintendo lorem 6 lorem ipsum dolor)
HEADING WEIGHT: lorem ipsum 700 lorem / lorem ipsum(lorem vs lorem)lorem ipsum
LH RATIO: lorem ×1.6 / lorem ×1.4 / lorem ×1.6–2.0
Font Note

lorem ipsum dolor

PayPay lorem ipsum dolor“Hiragino Kaku Gothic ProN”(ProN — JIS90 lorem) lorem ipsum dolor sit. UNIQLO / Apple Japan loremPro(JIS78 lorem)lorem ipsum, lorem ipsum dolor sit amet.

lorem ipsum(H1–H3)loremNoto Sans JP lorem ipsum, lorem ipsum dolor sit amet consectetur. lorem ipsum dolorlorem 700 loremlorem, lorem ipsum dolor(lorem #242323 vs lorem #F24F4F)lorem ipsum dolor sit.

"SCROLL" lorem Display lorem ipsumFutura lorem ipsum dolor sit amet consectetur.

PayPay loremCSS Custom Properties lorem ipsum dolor sit。:root lorem ipsum dolor 47 lorem--wp--preset-* lorem WordPress Gutenberg lorem ipsum dolor sit, PayPay lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit BEM lorem class lorem(mainButton__button, campaign__title lorem)lorem ipsum dolor sit amet consectetur.