DESIGN SYSTEM PREVIEW
SEGA Corporation

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. lorem, lorem ipsum, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur. computed style lorem ipsum dolor.

lorem ipsum dolor DESIGN.md lorem
01 / Colors

lorem ipsum dolor

Brand Blue
SEGA Blue Deep
#1627cc
lorem ipsum / lorem ipsum
SEGA Blue Bright
#0086ff
lorem / EN lorem
SEGA Blue Sky
#019fff
CTA / lorem ipsum dolor
Search Blue
#0060ff
lorem ipsum dolor
Category / Badge
Category Blue
#49acde
lorem / lorem ipsum
Corporate Blue
#4a68de
lorem
Link Blue
#397ee5
lorem ipsum dolor
Text
Text Primary
#333333
lorem ipsum dolor
Text Nav
#595757
lorem ipsum dolor
Text Date
#adadad
lorem ipsum dolor
Surface
Background
#ffffff
lorem ipsum
Surface
#f9f8f4
lorem ipsum dolor
Button BG
#eeeeee
lorem ipsum dolor sit
02 / Typography

lorem ipsum dolor sit

SEGA CORPORATION NEWS
Oswald / 36px / 700 / line-height: 1.3EN Display
lorem ipsum dolor (h3)
Noto Sans JP / 30px / 700 / line-height: 1.4 / color: #019ffflorem ipsum
lorem ipsum dolor (h2)
Noto Sans JP / 26px / 700 / color: #ffffff on #1627cclorem ipsum dolor
lorem ipsum dolor — lorem ipsum dolor sit amet consectetur. line-height: 2.0 lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing elit. letter-spacing lorem palt lorem ipsum dolor sit. Noto Sans JP 400. ABCabc 123
Noto Sans JP / 14px / 400 / line-height: 2.0 / letter-spacing: normal / palt: loremlorem
2026.05.26
Noto Sans JP / 13px / 400 / color: #adadadlorem
lorem ipsum dolor — 12px / line-height: 1.8 / lorem
Noto Sans JP / 12px / 400 / line-height: 1.8 / white on #1627cclorem ipsum
lorem / lorem ipsum lorem IR
Noto Sans JP / 12px / 700 / white / radius: 5px / padding: 3.5px 5pxlorem ipsum dolor
03 / News

lorem ipsum dolor sit

lorem ipsum dolor
04 / Buttons

lorem ipsum dolor sit

lorem ipsum dolor
Primary CTA (#019fff)
EN
EN Button (#0086ff)
lorem ipsum
Outline (#1627cc)
lorem ipsum dolor
Secondary (#eeeeee)
05 / Cards

lorem ipsum dolor sit

lorem / lorem ipsum

lorem ipsum dolor sit amet

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

lorem ipsum
lorem

lorem ipsum dolor sit amet

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

lorem ipsum
IR

lorem ipsum dolor

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

lorem ipsum
06 / Forms

lorem ipsum dolor

lorem ipsum — border: 4px solid #0060ff, radius: 40px(lorem)
lorem ipsum — box-shadow: 0 0 0 3px rgba(0,96,255,0.2)
lorem ipsum — border: 1px solid #cccccc, radius: 5px
lorem ipsum — border-color: #0086ff
lorem — border-color: #cc3333
07 / Elevation

Depth & Elevation

Level 0: Flat
lorem(lorem ipsum dolor)
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 — lorem ipsum
08 / Layout

lorem ipsum

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