DESIGN SYSTEM

移動で人を幸せに。

GO株式会社のデザイントークンのカタログ。カラー・フォント・コンポーネント・スペーシングの全値を可視化。computed style 実測値（2026-06-27）に基づく。数字組みは lnum / pnum を全域に適用。

GOについて知る ニュース一覧
01  COLORS

カラーパレット

Brand / Accent
GO Blue
#2d68ae
リンク・主要アクセント
Press Tag Blue
#265893
プレスタグ地
Deep Navy
#01034f
濃紺の面・フッター
Neutral / Text
Text Primary
#222222
見出し・本文・ナビ
Text Secondary
#888b8c
補足・メタ・日付
Background
#ffffff
ページ背景
Surface
#fbfbfb
セクション地・薄い面
Surface 2
#f9f9f9
交互セクション地
02  TYPOGRAPHY — 実測値

タイポグラフィ階層

移動で人を幸せに。
Section Heading (h2) / Noto Sans JP / 48px / 700 / line-height: 1.45 / letter-spacing: 0.04em (1.92px) / #222222
ページタイトル — 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
本文テキスト — GO株式会社はタクシーアプリ「GO」を中核に交通 DX を手がけます。本文は 16px・line-height 1.7・letter-spacing 0.04em でゆったり読ませます。数字は 2024年・2,500台・98.7% のように lnum / pnum で美しく組まれます。ABCabc 0123456789
Body (p) / Noto Sans JP / 16px / 400 / line-height: 1.7 (27.2px) / letter-spacing: 0.04em (0.64px) / #222222
プレスリリースはこちら — Link / Nav
Link (a) / Noto Sans JP / 16px / 400-700 / line-height: 2.0 (32px) / #2d68ae
リスト項目 — 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

ボタンバリエーション

GOについて知る
Pill Outline（左アイコン）
ニュース一覧
Pill Outline（右アイコン）
お問い合わせ
Navy Solid
資料ダウンロード
GO Blue Solid
04  CARDS — News / Service

カード

PRESS RELEASE
NEWS

AI 配車システムを全国 12 都市に拡大

需要予測の精度を高め、配車までの平均待ち時間を短縮します。

2026.06.27
SERVICE

タクシーアプリ「GO」

移動を、もっとスマートに。全国対応のタクシー配車プラットフォーム。

2026.06.20
SUSTAINABILITY
ABOUT

移動の脱炭素化への取り組み

EV 導入と運行最適化で、移動の CO₂ 排出を削減していきます。

2026.05.30
05  FORMS — radius 8px

フォーム要素

デフォルト — border: #d9d9d9, radius: 8px
フォーカス — border: #2d68ae（GO ブルー）＋ 薄いリング
正しいメールアドレスを入力してください — border: #c0392b
06  ELEVATION

Depth & Elevation

Level 0: Flat
none（面差で表現）
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)