lorem ipsum dolor,
lorem ipsum dolor.

SoftBank lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor / /mobile/ lorem ipsum computed style lorem(2026-06-03 lorem)lorem ipsum, lorem, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor lorem ipsum dolor sit
01 / Colors

lorem ipsum dolor

Brand
SoftBank Blue
#357eec
lorem CTA / lorem / lorem ipsum dolor
Hero Blue
#3b87fb
lorem ipsum / lorem ipsum dolor
Alert Red
#dc371e
lorem ipsum dolor / lorem ipsum dolor
Orange Accent
#ff6101
lorem ipsum dolor / lorem ipsum
Neutral
Text Heading
#424242
lorem / lorem ipsum
Text Body
#3f3f3f
lorem ipsum dolor
Text Nav
#333333
lorem / lorem ipsum
Gray
#666666
lorem ipsum dolor / lorem
Border
#cccccc
lorem ipsum / lorem ipsum dolor
Surface Gray
#f0f0f0
lorem ipsum / lorem
Surface Blue
#ecf0f4
lorem ipsum dolor sit
White
#ffffff
lorem ipsum
Semantic
Danger
#dc371e
lorem / lorem ipsum
Success
#0fa044
lorem / lorem(lorem)
Warning
#ff6101
lorem / lorem ipsum dolor
02 / Typography

lorem ipsum dolor sit

lorem ipsum dolor sit amet -- Section H2
40px / 700 / line-height 1.25 / letter-spacing normallorem
lorem ipsum / lorem -- H3
26px / 700 / line-height 1.43 / letter-spacing normallorem / lorem ipsum
lorem ipsum dolor sit -- H4
20px / 700 / line-height 1.4 / letter-spacing normal
lorem ipsum dolor -- Hero Link
17px / 700 / line-height 1.5 / letter-spacing normallorem ipsum dolor
lorem ipsum dolor -- lorem ipsum dolor, 5G lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing. lorem / lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt. lorem ipsum dolor sit line-height: 1.5 lorem ipsum dolor sit amet consectetur adipiscing.
16px / 400 / line-height 1.5 / letter-spacing normallorem / lorem ipsum
lorem ipsum dolor -- body lorem ipsum dolor sit. lorem ipsum dolor, lorem ipsum, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.
14px / 400 / line-height 1.43 / letter-spacing normalbody lorem
lorem ipsum dolor -- 14px / color #666666. lorem ipsum dolor sit.
14px / 400 / line-height 1.43 / color #666666
Small -- lorem ipsum / lorem / lorem ipsum. lorem ipsum dolor sit amet consectetur adipiscing elit sed.
12px / 400 / line-height 1.5 / color #666666
03 / Service -- lorem ipsum dolor

lorem ipsum dolor

lorem ipsum dolor,
lorem ipsum dolor.

lorem ipsum dolor, lorem ipsum dolor / lorem / IoT / lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing. 5G lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing.

5G lorem ipsum dolor sit

lorem / lorem ipsum 5G lorem ipsum dolor sit, 4K/8K lorem ipsum dolor sit amet consectetur, AR/VR lorem ipsum dolor sit amet consectetur adipiscing elit. lorem ipsum dolor sit amet, IoT lorem ipsum dolor sit amet consectetur adipiscing.

lorem ipsum dolor sit

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

lorem ipsum dolor: lorem ipsum dolor PayPay lorem ipsum dolor 10,000 lorem ipsum dolor. lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor. lorem ipsum dolor sit amet consectetur adipiscing elit.
lorem ipsum dolor: 2026 lorem 3 lorem 31 lorem ipsum dolor, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing elit.

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

04 / Product -- lorem ipsum

lorem ipsum dolor

lorem ipsum dolor sit

lorem ipsum dolor+

¥3,278/lorem~

lorem ipsum dolor sit amet consectetur. Wi-Fi lorem ipsum dolor.

  • lorem 1GB / 2GB / 3GB
  • 5G lorem
  • lorem ipsum dolor
lorem ipsum
lorem ipsum dolor

lorem ipsum dolor+

¥7,425/lorem

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

  • lorem ipsum dolor
  • 5G lorem
  • lorem ipsum 50GB
  • lorem ipsum ¥4,928/lorem~
lorem ipsum
lorem / lorem

lorem ipsum dolor+

¥2,266/lorem~

lorem ipsum dolor sit. lorem ipsum dolor sit.

  • 4GB / 20GB lorem ipsum
  • 5 lorem ipsum dolor
  • lorem ipsum dolor
lorem ipsum
05 / Buttons -- Pill lorem

lorem ipsum dolor sit

lorem ipsum dolor
Primary CTA -- Pill / #357eec
lorem ipsum dolor sit
Secondary -- White + Blue Border
lorem ipsum dolor →
Text Link -- #357eec
Nav Pills (Frosted Glass)
lorem ipsum dolor lorem ipsum dolor lorem ipsum lorem ipsum lorem ipsum dolor lorem ipsum
Nav Pill -- rgba(255,255,255,0.1) + backdrop-blur / radius 52px
Badges / Tags
NEW lorem ipsum dolor lorem ipsum dolor 5G lorem lorem ipsum dolor lorem
06 / Forms

lorem ipsum dolor

Default -- border #cccccc / radius 4px
Focus -- border #357eec / ring 3px
Error -- border #dc371e / ring 3px
07 / Elevation

Depth & Elevation

Level 0: Flat
none -- lorem
Elevation 1
0 2px 8px rgba(0,0,0,0.08)
Elevation 2
0 4px 16px rgba(0,0,0,0.10)
Elevation 3
0 8px 32px rgba(0,0,0,0.12)
08 / Layout -- Spacing & Radius

lorem ipsum dolor & lorem ipsum

Spacing Scale(8px lorem)
XS
4px
S
8px
M
16px
L
24px
XL
40px
XXL
80px
Border Radius Scale
Small
4px
Medium
10px
Pill
50px
Full
9999px