DESIGN SYSTEM

lorem ipsum dolor sit amet, lorem.

lorem ipsum Nintendo Red, lorem ipsum dolor YakuHanJPs, line-height 2.0 lorem. lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt.

Colors

lorem ipsum dolor

Brand
Brand Red
#E60012
--ncom-color-red / CTA
Deep Red
#CF0001
--ncom-color-deep-red / lorem ipsum
Text
Heading
#1B1B1B
--ncom-color-heading
Text
#3C3C3C
--ncom-color-txt / lorem
Text Sub
#8C8C8C
--ncom-color-txt-sub
Neutral / Surface
White
#FFFFFF
--ncom-color-white
Gray 100
#F8F7F6
--ncom-color-gray-100
Gray 300
#E6E6E6
--ncom-color-gray-300
Gray 500
#D9D9D9
--ncom-color-gray-500
Gray
#C8C8C8
--ncom-color-gray
Footer Bg
#F2F2F2
lorem ipsum dolor
Accent
Gold
#9D7C00
--ncom-color-gold
Light Blue
#00A5E6
--ncom-color-light-blue
Yellow
#FFF000
--ncom-color-yellow
Chat
#F58C14
--ncom-color-chat
Share
#08B3BF
--ncom-color-share
Card
#808088
--ncom-color-card
Typography

lorem ipsum dolor sit

lorem ipsum dolor, lorem ipsum. “, . ”lorem ipsum.
YakuHanJPs+Roboto+Hiragino / 30px / 600 / lh: 54px (×1.8) / ls: 0.9px (≈0.03em)Heading Lv1
Switch 2 lorem, lorem ipsum dolor sit amet
YakuHanJPs+Roboto+Hiragino / 16px / 600 / lh: 28.8px (×1.8) / ls: 0.48pxHeading Lv1 (sub)
lorem ipsum dolor sit(lorem)
YakuHanJPs+Roboto+Hiragino / 16px / 700 / lh: 32px (×2.0)Section H3
lorem line-height lorem 2.0 lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing. lorem(, . “”)lorem YakuHanJPs lorem ipsum dolor sit amet, palt lorem ipsum dolor sit amet consectetur.
YakuHanJPs+Roboto+Hiragino / 16px / 400 / lh: 32px (×2.0) / color: #3C3C3CBody
2026.4
Roboto / 38px / 400 / lh: 38px / color: #8C8C8CNews lorem(Latin lorem)
“lorem lorem lorem ipsum”lorem ipsum dolor sit amet consectetur adipiscing. “GPS”lorem ipsum dolor sit amet.
YakuHanJPs+Roboto+Hiragino / 14px / 400 / lh: 22.4px (×1.6)News lorem ipsum dolor
lorem / lorem  lorem ipsum dolor  lorem ipsum  lorem
YakuHanJPs+Roboto+Hiragino / 14px / 700 / line-height: 72px (header)Nav Item
lorem  lorem  lorem ipsum
YakuHanJPs+Roboto+Hiragino / 10px / 700 / lh: 18pxSub Nav
Article Sample

lorem ipsum dolor sit

2026.04.30 — lorem ipsum

lorem ipsum“lorem ipsum lorem ipsum dolor: lorem”lorem ipsum!

lorem ipsum dolor sit amet consectetur. Nintendo Switch 2 lorem ipsum“lorem ipsum lorem ipsum dolor: lorem”lorem 2026 lorem 4 lorem 30 lorem(lorem)lorem, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.

lorem ipsum

lorem ipsum dolor sit amet consectetur, lorem 32 lorem ipsum dolor, Joy-Con 3 lorem ipsum dolor sit amet consectetur, Switch 2 lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor sit amet consectetur

lorem ipsum dolor sit amet consectetur adipiscing elit, lorem ipsum dolor“Switch 2 lorem T lorem”lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur.

News List

lorem ipsum dolor sit

2026.4
30 lorem
“lorem ipsum lorem ipsum dolor: lorem”lorem ipsum dolor sit amet
2026.4
28 lorem
“lorem lorem lorem ipsum”lorem ipsum dolor sit amet consectetur adipiscing
2026.4
25 lorem
Nintendo Switch 2 lorem ipsum dolor sit amet consectetur(Ver. 22.0.0)lorem ipsum
Cards

lorem ipsum dolor

RED
SWITCH 2 / NEW

lorem ipsum lorem ipsum dolor: lorem

7,980 lorem(lorem)
BLUE
SWITCH 2

lorem ipsum dolor 4

6,980 lorem(lorem)
GOLD
SWITCH 2

lorem ipsum dolor: lorem ipsum / lorem / lorem ipsum

7,480 lorem(lorem)
TEAL
SWITCH 2 / SALE

lorem ipsum dolor 9

5,980 lorem(lorem)7,480 lorem
Buttons

lorem

CTA
bg: #E60012 / 14px / 700
Link Button
16px / 400 / lh 24px
Pager Buttons
border-radius: 50%

lorem ipsum dolor

Forms

lorem ipsum

lorem ipsum dolor sit amet consectetur
lorem ipsum dolor sit(border: lorem)
lorem ipsum dolor sit
Elevation

lorem ipsum

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

FLAT
border 1px
TONAL
bg #F8F7F6
LIFTED
shadow on hover
Layout

lorem ipsum dolor

HEADER: lorem 72px / lorem ipsum 14px / 700 / lh 72px / Sticky
HERO: bg #F8F7F6 / lorem ipsum / Heading Lv1 30px 600 / lorem ipsum ON
CONTENT: max-width lorem 1200px / lorem ipsum dolor 80px lorem ipsum
GRID: lorem ipsum dolor 4 lorem / minmax(220px, 1fr)
EASE: lorem ipsum dolor cubic-bezier(0.455, 0.03, 0.515, 0.955)
Font Note

lorem ipsum dolor

lorem ipsum dolor sit amet consectetur, lorem(, . “”()lorem)lorem ipsum dolor sitYakuHanJPs lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing,palt(OpenType lorem ipsum dolor sit amet consectetur)lorem ipsum dolorlorem ipsum dolor sit amet consectetur.

font-family loremYakuHanJPs(lorem) → Roboto(lorem) → Hiragino Kaku Gothic ProN(lorem) lorem ipsum. lorem ipsum dolor sit amet consectetur. Latin lorem ipsum dolor sit(News lorem ipsum dolor)loremRoboto, sans-serif lorem ipsum dolor sit amet consectetur.

lorem line-height lorem2.0(32px / 16px)lorem ipsum(1.6–1.8)lorem ipsum, lorem ipsum dolor sit / lorem ipsum dolor sit amet. lorem ipsumletter-spacing 0.03〜0.06em lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit.