at your side

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

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

lorem ipsum lorem ipsum dolor sit lorem ipsum dolor →
01 / Colors

lorem ipsum dolor

Brand
Brand Navy
#0d2ea1
lorem ipsum dolor / lorem ipsum dolor sit
Action Blue
#1965e1
CTA lorem / lorem ipsum dolor
Neutral
Black
#000000
lorem / lorem ipsum dolor
Dark Gray
#333333
lorem ipsum dolor
Medium Gray
#666666
lorem ipsum dolor
Light Gray
#888888
lorem / lorem ipsum dolor
Border Gray
#dddddd
lorem ipsum / lorem ipsum dolor
Surface
#f2f2f2
lorem ipsum dolor
White
#ffffff
lorem ipsum
Header / Footer
Header BG
#0d2ea1
lorem ipsum dolor sit amet consectetur
Footer BG
#404040
lorem ipsum dolor
Semantic
Danger
#cc0000
lorem / lorem(lorem)
Success
#008000
lorem / lorem(lorem)
Warning
#e68a00
lorem / lorem(lorem)
02 / Typography

lorem ipsum dolor sit

lorem ipsum / lorem — Section H2
28px / 700 / line-height 1.22 / color #000000lorem
lorem ipsum dolor sit amet — Sub H2 / H3
20px / 700 / line-height 1.4 / color #333333lorem
lorem ipsum dolor — lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing elit. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit line-height: 1.7 lorem 14px lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.
14px / 400 / line-height 1.7 / letter-spacing normal / color #333333lorem
lorem / lorem — lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.
12px / 400 / line-height 1.7 / color #333333lorem
lorem Active lorem Default
12px / 400 / line-height 1.0 / radius 0pxlorem
03 / Product

lorem ipsum dolor

Product Image
PRINTER

lorem ipsum / lorem

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

lorem ipsum
Product Image
SEWING

lorem

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

lorem ipsum
Product Image
LABELER

lorem ipsum dolor

P-touch lorem ipsum. lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing.

lorem ipsum
Product Image
INDUSTRIAL

lorem ipsum

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

lorem ipsum
04 / Article

lorem ipsum dolor

lorem ipsum dolor sit amet consectetur

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

lorem ipsum dolor sit amet

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

lorem ipsum dolor

"at your side" lorem ipsum, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet.

lorem ipsum dolor sit:lorem ipsum dolor / lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet, FAQ, lorem ipsum dolor sit amet consectetur adipiscing elit sed do.

※ lorem ipsum / lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur.

05 / Buttons

lorem ipsum dolor sit

lorem ipsum
Primary CTA — radius 4px / #1965e1
lorem ipsum dolor sit
Secondary — Ghost + Blue Border
lorem ipsum dolor →
Text Link — #1965e1
Nav Tabs(lorem ipsum dolor sit amet)
lorem ipsum dolor lorem ipsum dolor lorem ipsum lorem ipsum lorem ipsum
Nav Tab — radius 0px / bg #0d2ea1 / 12px / weight 400
06 / Forms

lorem ipsum dolor

Default — border #d9d9d9 / radius 4px
Focus — border #1965e1 / shadow 3px
Error — border #cc0000 / shadow 3px
07 / Elevation

Depth & Elevation

Level 0: Flat
lorem(lorem)
Elevation 1
0 2px 4px rgba(0,0,0,0.08)
Elevation 2
0 4px 12px rgba(0,0,0,0.10)
Elevation 3
0 8px 24px rgba(0,0,0,0.12)
08 / Layout

lorem ipsum dolor & lorem ipsum

Spacing Scale(8px lorem)
XS
4px
S
8px
M
16px
L
24px
XL
48px
XXL
80px
Border Radius Scale
None
0px
Small
4px
Medium
8px