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

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. lorem, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur. computed style lorem ipsum dolor.

lorem ipsum dolor sit DESIGN.md lorem
01 / Colors

lorem ipsum dolor

Brand
Brand Purple
#7a6abf
lorem ipsum dolor sit amet / lorem / lorem ipsum dolor
Deep Purple
#615499
24px lorem ipsum dolor
Purple Alt
#7e67c5
Value lorem ipsum
Slate Purple
#74758b
lorem ipsum dolor CTA lorem
Slate Light
#75768b
lorem ipsum dolor sit
Slate Outline
#5d5e6f
lorem ipsum dolor sit amet consectetur
Navy
#27455c
KV lorem. lorem ipsum dolor
Mint Accent
#50e3c2
lorem ipsum dolor sit amet consectetur
Service Tints — lorem ipsum dolor sit(lorem ipsum)
Backlog Mint
#edfaf6
Backlog lorem ipsum dolor
Cacoo Blue
#eef2fa
Cacoo lorem ipsum dolor
Pass Lavender
#f4f3ff
Nulab Pass lorem ipsum dolor
Flowbase Cyan
#effbff
Nulab Flowbase lorem ipsum dolor
Purple Tint
#f3f0fa
lorem ipsum dolor sit amet consectetur
Neutral
Background
#ffffff
lorem ipsum
Surface
#f5f5f7
lorem ipsum dolor sit amet consectetur
Surface 2
#f9f9f9
lorem ipsum dolor / Mission＆Value
Ink
#17171c
lorem / lorem. lorem ipsum dolor
Ink Muted
#6a6a6a
lorem / lorem ipsum / body lorem
Border
#d1d1d1
lorem ipsum dolor
Semantic(lorem ipsum dolor sit amet consectetur)
Success
#3b8f6d
Backlog lorem ipsum dolor sit amet
Danger
#c1392b
lorem ipsum dolor sit amet
Warning
#b8860b
lorem ipsum dolor sit amet consectetur
02 / Typography — lorem

lorem ipsum dolor sit

lorem ipsum dolor sit amet
46px / 700 / line-height: 1.3 / letter-spacing: 0.05em (2.3px)lorem ipsum dolor(lorem)
“lorem ipsum dolor sit amet consectetur”
40px / 700 / line-height: 1.4 / letter-spacing: normal / color: #ffffffKV lorem(lorem ipsum dolor)
lorem ipsum dolor sit amet consectetur adipiscing
25px / 700 / line-height: 1.52 / letter-spacing: normallorem ipsum
lorem ipsum dolor
24px / 700 / line-height: 1.5 / letter-spacing: normallorem ipsum dolor
lorem ipsum dolor sit amet, lorem ipsum dolor sit amet
24px / 700 / line-height: 1.5 / letter-spacing: 0.05em (1.2px) / color: #615499lorem(lorem / lorem / lorem ipsum dolor)
lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.
20px / 400 / line-height: 1.44 / color: #6a6a6alorem(lorem)
Backlog(lorem ipsum)lorem, lorem ipsum dolor sit amet consectetur adipiscing / lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur.
16px / 400 / line-height: 1.7 (27.2px) / letter-spacing: 0.02em (0.32px)lorem ipsum
lorem ipsum dolor — lorem ipsum / lorem ipsum / lorem ipsum / IR lorem
16px / 400 / line-height: 1.0 (16px) / letter-spacing: normallorem ipsum dolor sit amet
Backlog lorem ipsum dolor sit“JBUG”
14px / 400 / line-height: 1.5 / color: #7a6abflorem ipsum 14px lorem ipsum dolor sit
(lorem ipsum dolor)
14px / 400 / line-height: 1.3 / color: #6a6a6alorem
03 / Service Blocks — lorem ipsum dolor sit

lorem ipsum dolor sit(radius 16px)

Backlog

Backlog(lorem ipsum)lorem, lorem ipsum dolor sit amet consectetur adipiscing / lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur adipiscing.

Backlog lorem ipsum dolor
Backlog lorem ipsum dolor sit“JBUG” Backlog lorem ipsum dolor sit amet consectetur“b lorem”
lorem ipsum dolor sit amet consectetur

Cacoo

Cacoo(lorem)lorem, lorem ipsum dolor sit amet consectetur adipiscing elit sed do. URL lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.

Cacoo lorem ipsum dolor
lorem ipsum dolor sit amet consectetur

Nulab Pass

Nulab Pass(lorem ipsum lorem)lorem, SAML lorem ipsum dolor sit amet consectetur / lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur.

Nulab Pass lorem ipsum dolor
lorem ipsum dolor sit amet consectetur

Nulab Flowbase

Nulab Flowbase(lorem ipsum lorem ipsum dolor)lorem, lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing.

Nulab Flowbase lorem ipsum dolor
lorem ipsum dolor sit amet consectetur
lorem ipsum dolor sit
04 / Buttons

lorem ipsum dolor sit — lorem ipsum, lorem ipsum dolor

Backlog lorem ipsum dolor
Service CTA — #74758b
lorem ipsum dolor
Brand CTA — #7a6abf
lorem ipsum dolor sit
Outline — 2px solid #5d5e6f
lorem ipsum dolor
Outline Purple — 2px solid #7a6abf
lorem ipsum dolor
Text Button — 14px / 600

loremborder-radius: 4px. lorem ipsum dolorborder: 2px solid transparent lorem, lorem ipsum dolor sit amet consectetur. pill(radius 9999px)lorem ipsum.

05 / Cards

lorem ipsum dolor(lorem ipsum dolor sit)

2026/07/21

lorem ipsum dolor — Nulab Flowbase lorem ipsum dolor sit amet

2026/07/14

【lorem ipsum】lorem ipsum dolor sit amet consectetur　lorem ipsum dolor Backlog lorem

2026/07/05

Cacoo lorem ipsum dolor sit amet consectetur

06 / Forms

lorem ipsum dolor

lorem ipsum — border: 1px solid #d1d1d1 / radius: 50px
lorem ipsum — border: 1px solid #d1d1d1 / radius: 4px
lorem ipsum — border: #7a6abf(lorem ipsum dolor)
lorem — border: #c1392b(lorem ipsum)
07 / Elevation — lorem(1 lorem)

Depth & Elevation

Level 0: Flat
lorem / lorem / lorem ipsum dolor / lorem ipsum dolor
Level 1
0 2px 4px rgba(28,28,28,0.2) — lorem ipsum dolor sit
Tint + radius 16px
lorem ipsum dolor sit amet consectetur
Focus Ring
#7a6abf
08 / Layout

lorem ipsum dolor sit amet consectetur

XS 4
S 8
M 16
L 24
XL 48
XXL 80
XXXL 120
Main Container 1200px
Sub Container 1120px
Narrow 960px
Article 816px