DESIGN SYSTEM PREVIEW
SEGA Corporation

DESIGN.md から抽出したデザイントークンのカタログ。カラー、フォント、コンポーネント、スペーシングの全値を可視化。computed style 実測値に基づく。

お知らせ一覧へ DESIGN.md を読む
01 / Colors

カラーパレット

Brand Blue
SEGA Blue Deep
#1627cc
フッター・ナビ背景
SEGA Blue Bright
#0086ff
ロゴ・EN ボタン
SEGA Blue Sky
#019fff
CTA・セクション見出し
Search Blue
#0060ff
検索入力ボーダー
Category / Badge
Category Blue
#49acde
製品・サービス
Corporate Blue
#4a68de
企業
Link Blue
#397ee5
ニュースリンク
Text
Text Primary
#333333
本文テキスト
Text Nav
#595757
ナビゲーション
Text Date
#adadad
日付テキスト
Surface
Background
#ffffff
ページ背景
Surface
#f9f8f4
セクション背景
Button BG
#eeeeee
ページトップボタン
02 / Typography

タイポグラフィ階層

SEGA CORPORATION NEWS
Oswald / 36px / 700 / line-height: 1.3EN Display
セクション見出し (h3)
Noto Sans JP / 30px / 700 / line-height: 1.4 / color: #019fffセクション
ページタイトル (h2)
Noto Sans JP / 26px / 700 / color: #ffffff on #1627ccページタイトル
本文テキスト — 読みやすさを最優先にした組版。line-height: 2.0 のゆったりとした行間で、ニュース記事やコーポレート情報を読みやすく表示します。letter-spacing と palt は適用されていません。Noto Sans JP 400。ABCabc 123
Noto Sans JP / 14px / 400 / line-height: 2.0 / letter-spacing: normal / palt: なし本文
2026.05.26
Noto Sans JP / 13px / 400 / color: #adadad日付
フッターテキスト — 12px / line-height: 1.8 / 白文字
Noto Sans JP / 12px / 400 / line-height: 1.8 / white on #1627ccフッター
製品・サービス 企業 IR
Noto Sans JP / 12px / 700 / white / radius: 5px / padding: 3.5px 5pxカテゴリバッジ
03 / News

ニュース一覧サンプル

お知らせ一覧へ
04 / Buttons

ボタンバリエーション

お知らせ一覧へ
Primary CTA (#019fff)
EN
EN Button (#0086ff)
詳しく見る
Outline (#1627cc)
ページトップ
Secondary (#eeeeee)
05 / Cards

カードコンポーネント

製品・サービス

ゲームタイトル最新情報

セガが手がける最新ゲームタイトルの開発状況や、リリーススケジュールに関するお知らせです。

続きを読む
企業

コーポレートガバナンス

グループの経営体制や、コーポレートガバナンスに関する取り組みについて紹介しています。

続きを読む
IR

投資家向け情報

株主・投資家の皆さまに向けた決算情報、株主総会資料、有価証券報告書を掲載しています。

続きを読む
06 / Forms

フォーム要素

デフォルト — border: 4px solid #0060ff, radius: 40px（ピル型）
フォーカス — box-shadow: 0 0 0 3px rgba(0,96,255,0.2)
デフォルト — border: 1px solid #cccccc, radius: 5px
フォーカス — border-color: #0086ff
エラー — border-color: #cc3333
07 / Elevation

Depth & Elevation

Level 0: Flat
影なし（基本スタイル）
Elevation 1
0 2px 4px rgba(0,0,0,0.1)
Elevation 2
0 4px 8px rgba(0,0,0,0.12)
Deep Blue Surface
bg #1627cc — フッター等
08 / Layout

レイアウト

Main Content 960px
News List 800px
Article Content 620px