ANDPAD
Mission
lorem ipsum dolor, lorem.

“ANDPAD”lorem, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut. lorem / lorem / lorem / lorem ipsum dolor, lorem ipsum dolor sit amet.

lorem ipsum lorem ipsum dolor lorem ipsum →

Colors

lorem ipsum #ffffff. lorem ipsum dolor sit #222222 lorem, lorem ipsum dolor. lorem ipsum dolor ANDPAD lorem #ef3340 lorem ipsum, lorem / lorem / lorem ipsum dolor / lorem ipsum“lorem”lorem. lorem ipsum dolor #fafafa lorem, lorem ipsum dolor sit amet consectetur.

ANDPAD Red
#ef3340
lorem ipsum. lorem / lorem / lorem / lorem ipsum
Red Dark
#c8102e
lorem / lorem／lorem ipsum
Ink
#222222
lorem ipsum dolor／lorem ipsum dolor
Surface Alt
#fafafa
News / Company lorem ipsum dolor
Meta Gray
#adb5bd
lorem ipsum dolor
Background
#ffffff
lorem ipsum(lorem)

Typography

lorem ipsum dolor TypeSquare lorem 2 lorem. lorem / UI lorem“lorem ipsum BBB”, lorem ipsum / lorem ipsum“lorem B101”lorem, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur SF Display lorem ipsum dolor sit amet. html lorem font-size lorem 14px lorem, lorem ipsum dolor 14 lorem ipsum rem lorem ipsum dolor. body lorem font-weight lorem 505 lorem ipsum dolor.

Mission
Mission Display · SF Display · 46px · weight 500 · lh 1.5 · ls 0.14em
History of ANDPAD
Section Head (EN) · SF Display · 42px · weight 700 · lh 1.2 · ls normal
Service
Section Head (EN) · SF Display · 35px · weight 600 · lh 1.0 · lorem＋padding-left 105px
lorem ipsum dolor, lorem.
Section Head (JP) · lorem B101 · 39.2px (2.8rem) · weight 600 · lh 1.5 · ls 0.1em
lorem ipsum dolor sit amet
Heading 3 · lorem B101 · 28px (2rem) · weight 600 · lh 1.5
lorem ipsum dolor, lorem ipsum.
Heading 4 · lorem B101 · 19.6px (1.4rem) · weight 600 · lh 1.5
lorem ipsum(lorem B101)— “ANDPAD”lorem, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut.
Lead / Emphasis · lorem B101 · 13px · weight 505 · lh 1.85
lorem(lorem ipsum BBB)— lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur, lorem ipsum dolor. lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur.
Body · lorem ipsum BBB · 13px · weight505 · lh 1.85 · ls normal
lorem(lorem ipsum dolor)— lorem ipsum dolor sit amet consectetur.
Body Bold · 13px · weight 700 · lh 2.2(lorem ipsum dolor sit)
lorem ipsum dolor sit amet
Nav (Drawer) · 14px · weight 700 · lh 1.85 · #ef3340
lorem ipsum dolor — 2026.07.14
Caption · 11.9px (0.85rem) · weight 700 · lh 1.3 · #adb5bd

Article

lorem ipsum dolor, ANDPAD lorem.

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

lorem, lorem ipsum dolor

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

lorem ipsum dolor 1.85. lorem ipsum dolor 2.2 lorem ipsum dolor. lorem ipsum BBB lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur, lorem ipsum dolor.lorem ipsum dolor sit。

※ lorem ipsum dolor sit amet consectetur. 11.9px / weight 700 / lh 1.3

Buttons

CTA lorem ipsum dolor. 1px lorem ipsum dolor sit(radius 38.36px)lorem ipsum, lorem ipsum dolor / lorem / lorem ipsum dolor. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor radius 0.

lorem ipsum lorem ipsum dolor 10 lorem ipsum dolor sit amet lorem ipsum →
lorem ipsum ↑ lorem ipsum dolor sit amet consectetur

Cards

lorem #fafafa lorem ipsum dolor sit. border-radius lorem 0, box-shadow lorem ipsum. lorem ipsum dolor sit amet consectetur.

Kanri
lorem ipsum
lorem / lorem / lorem ipsum dolor sit
2026.07.14
Genka
lorem ipsum
lorem ipsum dolor / lorem ipsum dolor
2026.06.30
Chat
lorem ipsum dolor
lorem ipsum dolor sit amet consectetur
2026.06.02
Board
lorem ipsum dolor sit
lorem ipsum dolor sit amet consectetur
2026.05.19

Forms

lorem ipsum / lorem ipsum / lorem ipsum 3 lorem. lorem ipsum radius 0(lorem ipsum dolor). lorem ipsum dolor #ef3340, lorem ipsum dolor #c8102e lorem CTA lorem ipsum dolor.

lorem ipsum dolor sit amet consectetur.
lorem ipsum

Elevation

ANDPAD lorem ipsum dolor box-shadow lorem 1 lorem ipsum dolor. lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor.

Level 0
none(lorem ipsum dolor)
Surface
#fafafa lorem ipsum dolor
Ink
#222222 lorem(lorem ipsum)
Brand
#ef3340 lorem(lorem ipsum)

Layout

rem lorem 14px lorem, lorem 7 / 14 lorem ipsum dolor. lorem ipsum dolor 1140px, 2 lorem ipsum 570px lorem.

XS 7
S 14
M 21
L 28
XL 56
XXL 77
XXXL 84
lorem ipsum, lorem ipsum dolor sit amet consectetur lorem ipsum