TOPPA!!!
TOPPAN

lorem ipsum dolor sit amet consectetur,
lorem ipsum dolor sit, lorem ipsum dolor sit

TOPPAN lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit computed style lorem(2026-05-25 lorem)lorem ipsum, lorem, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.

lorem ipsum IR lorem
01 / Colors

Color Palette

lorem ipsum dolor — lorem
Brand
TOPPAN Blue
#0068b5
lorem CTA lorem / lorem ipsum dolor / lorem ipsum
Deeper Blue
#00469b
lorem / lorem ipsum dolor sit
Dark Navy
#193264
lorem ipsum dolor sit / lorem ipsum
Light Blue Surface
#dfeaff
lorem ipsum / lorem
Neutral
Text Primary
#323232
lorem ipsum dolor(lorem ipsum dolor)
Text Secondary
#666666
lorem ipsum dolor
Light Gray
#f1f1f1
lorem ipsum / lorem ipsum dolor
Near-light Gray
#f4f4f4
lorem ipsum
White
#ffffff
lorem ipsum / CTA lorem ipsum
Semantic — lorem ipsum
Danger
#cc0000
lorem / lorem(lorem)
Success
#008844
lorem / lorem(lorem)
Warning
#cc6600
lorem / lorem(lorem)
02 / Typography

Typography

lorem ipsum dolor sit — lorem
TOPPA!!! TOPPAN
Roboto 64px / 700 / line-height 1.0 / letter-spacing 1pxHero EN
Information & Communication
Roboto 40px / 700 / line-height 1.0 / letter-spacing 1.2pxSection EN
lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit — Page H1
lorem ipsum dolor 25px / 400 / line-height 1.86lorem ipsum dolor JP
lorem ipsum dolor sit amet consectetur — H3 Accent
lorem ipsum dolor DB 24px / line-height 1.4 / letter-spacing 0.02em / color #0068b5lorem ipsum dolor
lorem ipsum dolor sit amet — H3
lorem ipsum dolor DB 18px / line-height 1.4 / letter-spacing 0.03emlorem ipsum
lorem ipsum dolor — TOPPAN lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet, lorem / lorem, lorem ipsum dolor sit 3 lorem ipsum dolor sit amet consectetur. 1900 lorem ipsum dolor sit amet“lorem ipsum dolor”lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.
lorem ipsum dolor R 14px / 400 / line-height 1.5 / letter-spacing normallorem
lorem ipsum dolor — 13px lorem ipsum dolor. lorem ipsum dolor sit amet consectetur adipiscing.
lorem ipsum dolor R 13px / 400 / line-height 1.5 / color #666666Caption
lorem ipsum dolor — Nav Link
13px / 400 / line-height 1.0Nav
03 / Article

Article

lorem ipsum dolor — lorem ipsum dolor sit
Innovation

lorem ipsum dolor sit amet consectetur,
lorem ipsum

TOPPAN lorem ipsum, 1900 lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing elit. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor / lorem / lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor sit amet consectetur

lorem ipsum dolor, lorem ipsum, BPO, lorem ipsum 4 lorem ipsum. lorem ipsum dolor sit amet consectetur adipiscing, lorem DX lorem ipsum dolor. lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing.

lorem ipsum dolor sit amet

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

lorem ipsum dolor sit amet:TOPPAN lorem ipsum dolor“lorem ipsum dolor”lorem, lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing. Pr6N(JIS X 0213:2004 lorem)lorem 23,058 lorem ipsum dolor sit amet.

※ lorem ipsum dolor sit amet computed style lorem ipsum dolor sit amet. lorem ipsum dolor sit Adobe Fonts lorem ipsum dolor, Noto Sans JP lorem ipsum dolor sit.

04 / Product

Business Segments

lorem ipsum dolor
Information & Communication

lorem ipsum dolor sit amet

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

lorem ipsum →
Living & Industry

lorem / lorem

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

lorem ipsum →
Electronics

lorem ipsum dolor

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

lorem ipsum →
05 / Buttons

Buttons

lorem ipsum dolor sit — lorem radius 0px(lorem ipsum)
lorem ipsum
Primary — #0068b5 / radius 0px
IR lorem
Secondary — White / radius 0px
lorem ipsum dolor
Tertiary — #f1f1f1 / radius 0px
lorem ipsum dolor
Ghost — border #0068b5 / radius 0px
lorem ipsum →
Text Link — #0068b5
lorem ipsum dolor sit amet consectetur
lorem ipsum
Primary — #0068b5 on dark
lorem ipsum dolor
Secondary — White on dark
06 / Forms

Forms

lorem ipsum dolor — lorem radius 0px
Default — border #cccccc / radius 0px
Focus — border #0068b5 / shadow 3px
Error — border #cc0000 / shadow 3px
07 / Elevation

Depth & Elevation

lorem ipsum — lorem
Level 0: Flat
lorem — 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.15)
08 / Layout

Spacing & Radius

lorem ipsum dolor & lorem ipsum
Spacing Scale(8px lorem)
XS
4px
S
8px
M
16px
L
24px
XL
48px
XXL
80px
Border Radius — lorem ipsum dolor 0px
Square
0px — lorem ipsum

TOPPAN lorem ipsum dolor sit border-radius: 0px lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur adipiscing elit sed, pill lorem ipsum dolor sit amet.