DESIGN SYSTEM

lorem ipsum dolor.

GO lorem ipsum dolor sit amet consectetur. lorem / lorem ipsum / lorem ipsum dolor / lorem ipsum dolor sit amet consectetur. computed style lorem(2026-06-27)lorem ipsum. lorem ipsum lnum / pnum lorem ipsum dolor.

GO lorem ipsum dolor lorem ipsum dolor
01  COLORS

lorem ipsum dolor

Brand / Accent
GO Blue
#2d68ae
lorem / lorem ipsum dolor
Press Tag Blue
#265893
lorem ipsum dolor
Deep Navy
#01034f
lorem ipsum / lorem ipsum
Neutral / Text
Text Primary
#222222
lorem / lorem / lorem
Text Secondary
#888b8c
lorem / lorem / lorem
Background
#ffffff
lorem ipsum
Surface
#fbfbfb
lorem ipsum dolor / lorem
Surface 2
#f9f9f9
lorem ipsum dolor
02  TYPOGRAPHY — lorem

lorem ipsum dolor sit

lorem ipsum dolor.
Section Heading (h2) / Noto Sans JP / 48px / 700 / line-height: 1.45 / letter-spacing: 0.04em (1.92px) / #222222
lorem ipsum dolor — Page Title (h1)
Noto Sans JP / 32px / 700 / line-height: 1.4 / #222222
NEWS — EYEBROW / LABEL
Eyebrow / Noto Sans JP / 14px / 700 / letter-spacing: 0.16em (2.24px) / #222222
lorem ipsum dolor — GO lorem ipsum dolor sit amet“GO”lorem ipsum dolor DX lorem ipsum dolor. lorem 16px / line-height 1.7 / letter-spacing 0.04em lorem ipsum dolor sit. lorem 2024 lorem / 2,500 lorem / 98.7% lorem ipsum lnum / pnum lorem ipsum dolor sit. ABCabc 0123456789
Body (p) / Noto Sans JP / 16px / 400 / line-height: 1.7 (27.2px) / letter-spacing: 0.04em (0.64px) / #222222
lorem ipsum dolor sit amet — Link / Nav
Link (a) / Noto Sans JP / 16px / 400-700 / line-height: 2.0 (32px) / #2d68ae
lorem ipsum — List Item(line-height 1.4)
List (li) / Noto Sans JP / 16px / 400 / line-height: 1.4 (22.4px) / letter-spacing: 0.04em
2026.06.27 — Meta / Caption / Date
Meta (p) / Noto Sans JP / 12px / 700 / #888b8c
03  BUTTONS — pill radius 26px

lorem ipsum dolor sit

GO lorem ipsum dolor
Pill Outline(lorem ipsum)
lorem ipsum dolor
Pill Outline(lorem ipsum)
lorem ipsum dolor
Navy Solid
lorem ipsum dolor
GO Blue Solid
04  CARDS — News / Service

lorem

PRESS RELEASE
NEWS

AI lorem ipsum dolor sit 12 lorem ipsum

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

2026.06.27
SERVICE

lorem ipsum dolor“GO”

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

2026.06.20
SUSTAINABILITY
ABOUT

lorem ipsum dolor sit amet consectetur

EV lorem ipsum dolor sit, lorem CO₂ lorem ipsum dolor sit amet.

2026.05.30
05  FORMS — radius 8px

lorem ipsum dolor

lorem ipsum — border: #d9d9d9, radius: 8px
lorem ipsum — border: #2d68ae(GO lorem)＋ lorem ipsum
lorem ipsum dolor sit amet consectetur adipiscing — border: #c0392b
06  ELEVATION

Depth & Elevation

Level 0: Flat
none(lorem ipsum)
Level 1: Card
0 1px 3px rgba(0,0,0,0.06)
Level 2: Hover
0 4px 16px rgba(0,0,0,0.08)
Level 3: Modal
0 12px 32px rgba(0,0,0,0.12)