CONCENT
lorem ipsum / lorem ipsum lorem ipsum lorem ipsum | ENGLISH ⌕

lorem ipsum dolor

lorem ipsum dolor sit
01 — COLORS

lorem ipsum dolor

lorem ipsum 2 lorem ipsum. lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing elit #d4dde1 lorem ipsum dolor #eeeff0 lorem. lorem ipsum dolor sit, lorem ipsum dolor sit amet.

Ink
#000000
lorem / lorem / lorem ipsum dolor / lorem ipsum
Paper
#ffffff
lorem ipsum / lorem ipsum dolor
Nav Blue Gray
#d4dde1
lorem ipsum dolor. lorem ipsum
Sub Nav Gray
#eeeff0
lorem ipsum
Text Blue Gray
#616f75
lorem ipsum dolor(lorem ipsum)
Text Muted
#777777
lorem ipsum dolor / lorem ipsum dolor
Overlay
rgba(0,0,0,.54)
lorem ipsum dolor sit
Error
#c0392b
lorem ipsum dolor. lorem ipsum dolor
02 — TYPOGRAPHY

lorem ipsum dolor

lorem ipsum dolor UD lorem StdN(W3 / W6). font-feature-settings lorem normal lorem, lorem ipsum dolor sit amet palt lorem ipsum dolor sit. UD lorem“lorem ipsum dolor”lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur. letter-spacing lorem normal, lorem 1.8.

lorem ipsum
Page Display · UD lorem W6 · 34px · lh 1.8 (61.2px) · ls normal · ffs normal
lorem ipsum dolor
Heading 2 · UD lorem W6 · 20px · lh 1.8 (36px) · c-headingLv2. lorem ipsum dolor sit amet consectetur
AI lorem ipsum dolor sit“lorem ipsum dolor”lorem ipsum
Lead · UD lorem W3 · 18px ·lh 1.6 (28.8px) · c-linkarea_textDescription
lorem(lorem)— lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing elit.
Body · UD lorem W3 · 16px ·lh 1.8 (28.8px) · ls normal · ffs normal
[ lorem ipsum / lorem ipsum ]　lorem: 2026.8.2(lorem)
Sub / Nav · 14px · lh 1.8 (25.2px). lorem ipsum weight 700(lorem W6 lorem ipsum dolor)
lorem ipsum dolor sit amet:
Small · 12px · lh 1.8 (21.6px) · #767676
TOP ＞ lorem ipsum
Micro · 11px · lh 1.0 · #616f75(lorem ipsum / lorem ipsum)
loremloremloremloremloremloremlorem
lorem ipsum dolor
Key Copy · UD lorem W6 · 42px · lh 1.6 —lorem 1 lorem ipsum dolor sit, lorem letter-spacing: normal lorem。
.u-kerning-031“lorem”-5.21px (-0.124em) ／ -032“lorem”-5.21px ／ -033“lorem”-4.05px (-0.096em) ／ -034“lorem”0.01px (0em) ／ -035“lorem”0.01px ／ -036“lorem”-1.15px (-0.027em).
lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet
03 — ARTICLE

lorem ipsum dolor

lorem ipsum dolor sit amet“lorem ipsum”lorem ipsum dolor sit

lorem ipsum dolor ／ 2026.7.15 ／ lorem ipsum dolor

lorem ipsum dolor, lorem ipsum dolor

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

lorem 1.8 lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing. UD lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet.lorem ipsum dolor sit amet consectetur。

lorem ipsum dolor sit

lorem ipsum dolor sit amet, lorem ipsum dolor sit amet, lorem ipsum dolor sit. lorem ipsum dolor sit amet, lorem ipsum“lorem”lorem ipsum dolor.

04 — BUTTONS

lorem

CTA lorem 3 lorem. lorem ipsum dolor＋lorem 1px lorem ipsum dolor, lorem ipsum dolor＋lorem＋lorem 1px lorem, lorem / lorem ipsum dolor＋lorem 1px lorem. lorem ipsum dolor 0px lorem, lorem 44px lorem ipsum dolor sit amet › lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor Google lorem ipsum dolor lorem ipsum dolor lorem ipsum lorem ipsum dolor
lorem ipsum dolor sit
lorem ipsum dolor lorem ipsum dolor UX / UI lorem ipsum lorem ipsum dolor sit lorem ipsum dolor lorem ipsum dolor
05 — CARDS

lorem

lorem ipsum dolor 4px solid #000000 lorem ipsum dolor. lorem ipsum dolor, lorem 0px, lorem. lorem“lorem”lorem ipsum dolor sit amet consectetur.

[ lorem ipsum / lorem ipsum ]
CONCENT DESIGN SCHOOL lorem ipsum
lorem: 2026.7.28(lorem)
[ lorem ipsum ]
AI lorem ipsum dolor sit“lorem ipsum dolor”lorem ipsum
2026.7.15
[ lorem ipsum dolor ]
Service Design Network lorem ipsum dolor sit
2026.7.4
06 — FORMS

lorem ipsum

lorem ipsum / lorem ipsum / lorem ipsum 3 lorem. lorem 0px, lorem 1px. lorem ipsum dolor sit amet consectetur 2px lorem ipsum. lorem ipsum dolor 1px lorem ipsum dolor, lorem ipsum dolor.

lorem ipsum dolor sit amet consectetur.
lorem ipsum
07 — ELEVATION

lorem

lorem ipsum dolor box-shadow: none. lorem ipsum“lorem ipsum”(1px → 4px)lorem(#d4dde1 / #eeeff0), lorem ipsum dolor sit amet consectetur. #d4dde1 lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing.

Level 0
none(lorem)
Level 1
1px solid #000(lorem / lorem)
Level 2
4px solid #000(lorem ipsum)
Level 3
#d4dde1(lorem ipsum)
Level 4
rgba(0,0,0,.54)(lorem ipsum dolor)
08 — LAYOUT

lorem ipsum dolor

6 / 10 / 20 / 30 / 44 / 80px. 44px lorem“lorem ipsum dolor sit”lorem ipsum dolor sit. lorem ipsum 1366px, lorem ipsum dolor 3 lorem / lorem 30px. lorem ipsum dolor sit amet consectetur adipiscing.

XS 6
S 10
M 20
L 30
XL 44
XXL 80