lorem ipsum dolor sit amet lorem ipsum dolor Global

lorem ipsum, lorem.

Create a place to connect.

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

lorem ipsum dolor sit lorem / lorem ipsum
01 / Colors

lorem ipsum dolor

Brand
Corporate Navy
#003349
lorem / lorem / lorem ipsum dolor
Accent Coral
#ea6359
NEW lorem ipsum
Accent Red
#e63d30
Active lorem ipsum dolor
Surface
Background White
#ffffff
lorem ipsum
Surface Light
#f0f4f6
lorem ipsum dolor
Surface Blue-Grey
#d3dee4
lorem ipsum dolor sit
Surface Blue-Grey Med
#c5d3db
lorem ipsum dolor
Surface Near-White
#fafcfd
lorem(lorem ipsum)
Surface Alert
#fff6f5
lorem ipsum dolor sit
Text & Border
Text Primary
#333333
lorem ipsum dolor
Text Label
#48606a
lorem“lorem ipsum”lorem
Border Default
#cbd5da
CTA / lorem ipsum dolor
Border Card
#b7c9d3
lorem ipsum dolor sit
Footer
Footer BG
#333333
lorem ipsum dolor
Footer Dark
#0f1b41
lorem ipsum dolor sit
02 / Typography

lorem ipsum dolor sit

lorem ipsum, lorem.
Hero Display — 60px / 500 / lh 1.1 / ls 0.08emlorem ipsum
Create a place to connect.
Hero Catch — 19px / 400 / lh 1.0 / ls 0.04emlorem ipsum dolor
PRODUCT — Page Title
Page Title (h1) — 42px / 700 / lh 1.2 / color #003349lorem ipsum
lorem ipsum(lorem ipsum dolor sit)
Sub Heading (h2) — 28px / 700 / lh 1.5lorem ipsum
lorem ipsum dolor sit — Section Heading
Section Heading (h3) — 24px / 700 / lh 1.8 / color #003349lorem ipsum dolor
[ lorem ipsum ]
Section Label — 14px / 400 / lh 1.75 / ls 0.06em / color #48606alorem
lorem ipsum dolor — lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur. “lorem ipsum, lorem ipsum dolor sit”lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit. lorem 130 lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur.
Body — 16px / 400 / lh 1.8 (28.8/16) / ls normal / palt: loremlorem
lorem ipsum dolor — lorem ipsum dolor sit amet consectetur. lorem ipsum dolor.
Small / Caption — 14px / 400 / lh 1.75lorem
lorem ipsum dolor　lorem / lorem ipsum　lorem ipsum
Nav Link — 14px / 700 / lh 1.8lorem
lorem ipsum dolor sit amet
Utility Link — 11px / 700 / lh 1.5 / color #003349 / bg #d3dee4lorem ipsum dolor sit

Web font: Noto Sans JP(Google Fonts)lorem ipsum dolor. font-feature-settings: normal(palt lorem).

03 / Article & Product

lorem / lorem ipsum dolor sit

[ lorem ipsum dolor lorem ]

lorem ipsum dolor sit amet consectetur, lorem ipsum dolor

2026.06.15 / lorem ipsum dolor sit / Reading time: 5 min

lorem ipsum dolor sit amet consectetur adipiscing elit sed, lorem ipsum dolor sit amet consectetur adipiscing elit sed do. lorem“lorem ipsum dolor sit amet”lorem ipsum dolor, lorem“lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing”lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor sit amet consectetur

lorem ipsum dolor sit“ABW(Activity Based Working)”lorem, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing elit, lorem ipsum dolor sit amet consectetur adipiscing——lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor sit

lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur“vertebra03(lorem ipsum 03)”lorem, lorem ipsum dolor sit amet consectetur, lorem / lorem ipsum dolor sit amet consectetur adipiscing.

CHAIR
Office Chair
vertebra03
lorem ipsum 03 — lorem ipsum dolor sit amet consectetur
NEW
DESK
Sit-Stand Desk
toiro
lorem — lorem ipsum dolor sit amet
BOOTH
Focus Booth
ADDCELL
lorem ipsum — lorem ipsum / Web lorem ipsum
lorem / lorem ipsum dolor
04 / Buttons

lorem ipsum dolor sit

ITOKI lorem ipsumborder-radius: 100px lorem pill lorem ipsum CTA. lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum, lorem ipsum dolor.

lorem / lorem ipsum dolor
Pill CTA (primary)
14px / 700 / radius 100px
lorem ipsum dolor sit
Hero Button
16px / 700 / radius 4px
lorem ipsum dolor
Navy CTA (lorem)
14px / 700 / bg #003349
lorem ipsum dolor
Category Tag
14px / 400 / radius 4px
lorem ipsum dolor
Utility
11px / 700 / bg #d3dee4
lorem ipsum dolor sit(lorem ipsum dolor)
lorem ipsum lorem ipsum dolor lorem ipsum lorem ipsum lorem / lorem ipsum lorem ipsum lorem ipsum
05 / Cards

lorem ipsum dolor sit

OFFICE
2026.06.08 NEW

ITOKI New Office Project — lorem ipsum dolor sit amet

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

lorem ipsum
EVENT
2026.06.02

ORGATEC TOKYO 2026 — lorem ipsum dolor

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

lorem ipsum
SUSTAINABILITY
2026.06.02

Econifa — lorem ipsum dolor sit amet consectetur

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

lorem ipsum
06 / Forms

lorem ipsum dolor(3 lorem)

lorem ipsumborder-radius: 8px lorem. lorem ipsum dolor sit amet consectetur. lorem ipsum dolor Corporate Navy#003349, lorem ipsum Accent Red#e63d30。

lorem ipsum — border: 1px solid #cbd5da / radius: 8px / height: 48px
lorem ipsum — border: 2px solid #003349 (Corporate Navy)
lorem — border: 2px solid #e63d30 (Accent Red)
07 / Elevation

Depth & Elevation

Level 0: Flat
box-shadow: none
Level 1 (hover)
0 2px 8px rgba(0,0,0,0.06)
Level 2 (modal)
0 4px 16px rgba(0,0,0,0.08)

lorem ipsum dolorbox-shadow: none. ITOKI lorem ipsum dolor sit amet consectetur adipiscing. Level 1/2 lorem ipsum.

08 / Layout

lorem ipsum dolor sit amet

Spacing Scale(8px lorem)
XS
8px
S
16px
M
24px
L
32px
XL
48px
XXL
64px
XXXL
80px
Border Radius Scale
Square
0px
Small
4px
Medium
8px
Pill
100px
Container Widths
Container Max 1200px
Article (readable) 720px
Footer Padding 80px
Breakpoints

Mobile: ≤ 768px / Tablet: 768 - 1024px / Desktop: > 1024px
lorem ipsum dolor sit 44px x 44px lorem(WCAG lorem).

© ITOKI CORPORATION All Rights Reserved.