lorem, lorem
lorem ipsum dolor.

OMRON lorem ipsum dolor sit amet consectetur adipiscing. omron.com/jp/ja/ lorem computed style lorem(2026-06-04 lorem)lorem ipsum, lorem, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor lorem ipsum
01 / Colors

lorem ipsum dolor

Brand
OMRON Blue
#005eb8
CTA / lorem / lorem ipsum dolor / lorem ipsum dolor
Blue 10
#f5faff
lorem ipsum dolor(lorem ipsum dolor)
Blue 20
#e5f1ff
lorem ipsum / lorem ipsum dolor
Blue 30
#cce0ff
lorem ipsum dolor / lorem ipsum dolor
Neutral
Text Primary
#1d242b
lorem / lorem ipsum dolor
Text Body
#333333
lorem ipsum dolor
Text Secondary
#5a7186
lorem ipsum / lorem ipsum dolor
Gray
#8d9dad
lorem ipsum dolor / lorem
Border Primary
#c8d4de
lorem ipsum / lorem ipsum dolor
Selected BG
#ebf5ff
lorem ipsum / lorem ipsum dolor sit
White
#ffffff
lorem ipsum / lorem ipsum
Semantic
Danger
#d32f2f
lorem / lorem ipsum(lorem)
Success
#2e7d32
lorem / lorem(lorem)
Warning
#f5a623
lorem / lorem(lorem)
02 / Typography

lorem ipsum dolor sit

lorem ipsum dolor sit amet -- Vision Hero
56px / 600 / line-height 1.4 / letter-spacing normallorem ipsum dolor(lorem on dark)
lorem ipsum dolor -- Section H2
40px / 600 / line-height 1.2 / letter-spacing normallorem ipsum dolor
lorem ipsum dolor -- H1
32px / 700 / line-height 1.16 / letter-spacing normallorem ipsum dolor
lorem ipsum dolor sit amet consectetur -- H3
16px / 700 / line-height 1.3 / letter-spacing normallorem ipsum dolor
lorem / lorem ipsum -- H4
14px / 600-700 / line-height 1.5 / letter-spacing normallorem ipsum
lorem ipsum dolor -- lorem ipsum, lorem ipsum / FA lorem ipsum / lorem ipsum / lorem ipsum dolor sit / lorem / lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor. lorem ipsum＆lorem ipsum dolor＋Think lorem ipsum, lorem ipsum dolor sit amet consectetur adipiscing. line-height: 1.75 lorem B2B lorem ipsum dolor sit amet consectetur adipiscing.
16px / 400 / line-height 1.75 / letter-spacing normallorem
lorem ipsum dolor sit amet -- 14px / weight 500. lorem ipsum dolor sit amet consectetur.
14px / 500 / line-height 1.75 / letter-spacing normallorem
lorem ipsum dolor -- lorem ipsum / lorem ipsum. color: #5a7186 lorem ipsum dolor sit amet consectetur adipiscing.
14px / 400 / line-height 1.75 / color #5a7186lorem ipsum / lorem
Small -- lorem ipsum / lorem / lorem ipsum. lorem ipsum dolor sit amet consectetur.
12px / 400 / line-height 1.75 / color #5a7186
03 / Article -- lorem ipsum dolor

lorem ipsum dolor

lorem ipsum＆lorem ipsum dolor＋Think lorem
lorem ipsum dolor sit

lorem ipsum, lorem“lorem ipsum＆lorem ipsum dolor＋Think”lorem ipsum dolor, lorem ipsum(FA)lorem, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor 4 lorem ipsum, lorem ipsum dolor sit amet consectetur adipiscing.

FA(lorem ipsum)lorem ipsum dolor

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

lorem ipsum dolor sit amet

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

lorem ipsum dolor: lorem ipsum AI lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit AI lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing.
lorem ipsum dolor sit amet consectetur: lorem ipsum(lorem ipsum dolor sit amet)lorem, IEC 61508 / ISO 13849 lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.

※ lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod. lorem ipsum dolor 2026 lorem 6 lorem ipsum dolor.

04 / Product -- lorem ipsum dolor

lorem ipsum dolor

lorem ipsum

FA lorem ipsum dolor

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

  • lorem ipsum dolor sit amet consectetur (PLC)
  • lorem ipsum dolor / lorem ipsum
  • lorem ipsum dolor / lorem ipsum
  • lorem ipsum (lorem ipsum)
lorem ipsum
lorem ipsum

lorem ipsum dolor

lorem ipsum dolor sit No.1. lorem ipsum dolor sit amet consectetur.

  • lorem ipsum dolor
  • lorem / lorem ipsum
  • lorem ipsum dolor
  • OMRON connect lorem ipsum
lorem ipsum
lorem ipsum dolor

lorem ipsum dolor

lorem / lorem ipsum / lorem ipsum dolor / lorem ipsum dolor sit.

  • lorem ipsum dolor
  • lorem ipsum (lorem ipsum)
  • lorem ipsum dolor (UPS)
  • lorem ipsum dolor
lorem ipsum
05 / Buttons

lorem ipsum dolor sit

lorem ipsum dolor
Primary CTA -- #005eb8 / radius 4px
lorem ipsum dolor
Secondary -- White + Blue Border
lorem ipsum
Tertiary -- White + Gray Border
lorem ipsum dolor →
Text Link -- #005eb8
Search Bar (Pill Input + Button)
Search Input -- radius 50px 0 0 50px + Button radius 0 4px 4px 0 / bg #005eb8
Nav Menu (Hover Indicator)
lorem ipsum lorem ipsum lorem ipsum dolor lorem ipsum lorem ipsum IR
Nav Item -- hover bg #005eb8 / text white / radius 8px
Badges / Tags
NEW lorem ipsum lorem ipsum lorem ipsum dolor lorem lorem lorem
06 / Forms

lorem ipsum dolor

Default -- border #c8d4de / radius 4px
Focus -- border #005eb8 / ring 3px
lorem ipsum dolor sit amet consectetur
Error -- border #d32f2f / ring 3px
07 / Elevation

Depth & Elevation

Level 0: Flat
none -- lorem(border + lorem ipsum dolor)
Elevation 1
0 2px 8px rgba(0,0,0,0.06)
Elevation 2
0 4px 16px rgba(0,0,0,0.08)
Elevation 3
0 8px 32px rgba(0,0,0,0.10)
08 / Layout -- Spacing & Radius

lorem ipsum dolor & lorem ipsum

Spacing Scale(8px lorem)
XS
4px
S
8px
M
16px
L
24px
XL
40px
XXL
80px
Border Radius Scale
Small
4px
Medium
8px
Pill
50px