design system preview

GINZA SIX

GINZA SIX(ginza6.tokyo)lorem ipsum dolor sit amet consectetur adipiscing. Univers Next + lorem ipsum BBB, lorem ipsum dolor sit amet consectetur, lorem ipsum 0px lorem. computed style lorem ipsum dolor.

View All Floor Map
01 / colors

Color Palette

brand
GINZA SIX Gold
#a9894a
lorem ipsum dolor
Gold Dark
#987b42
lorem
text
Text Primary
#555555
lorem(lorem ipsum)
Text Gold
#a9894a
h1 / h2
Text Dark
#333333
lorem ipsum
surface
Background
#ffffff
lorem ipsum
Surface Cream
#fbf8f0
lorem ipsum
Surface Gold
#a9894a
lorem ipsum / CTA
02 / typography — lorem

Typography

GINZA SIX
Univers Next W01 Medium / 45px / 400 / line-height: 1.6 (72px) / letter-spacing: 2.25pxHero h2
SHOPS & RESTAURANTS
Univers Next W01 Medium / 40px / 400 / line-height: 1.6 (64px)Section h2
FLOOR GUIDE
Univers Next W01 Medium / 30px / 400 / line-height: 1.6 (48px)h1 (header)
INFORMATION
Univers Next W01 Medium / 22px / 400 / line-height: 1.6 (35.2px)h2 (footer)
NEW SHOP — lorem ipsum dolor sit amet consectetur
Univers Next W01 Medium / 16px / 400 / line-height: 1.6 (25.6px)Card h4
GINZA SIX lorem ipsum dolor sit amet consectetur. 241 lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing.
Univers Next W01 Medium / 14px / 400 / line-height: 1.8 (25.2px)Body
B2F · lorem ipsum dolor sit amet consectetur
Univers Next W01 Medium / 13px / 400 / line-height: 1.6 (20.8px)Sub Caption
2026.05.07 — News
Univers Next W01 Medium / 11px / 400 / color: #a9894aGold Accent
LIFE AT ITS BEST
lorem ipsum, lorem ipsum. GINZA SIX lorem ipsum dolor sit.
03 / cards

Editorial Cards

SHOPS
2026.05.07 · NEW

lorem ipsum dolor sit amet consectetur

lorem ipsum dolor 4F lorem ipsum dolor sit amet consectetur adipiscing.
DINING
RESTAURANT

lorem ipsum dolor sit amet consectetur

13F lorem ipsum dolor / lorem, 6F lorem ipsum dolor.
EVENT
EVENT

lorem ipsum dolor sit amet consectetur

1F lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.
04 / buttons

Buttons

View All
Gold Solid (radius 0)
Floor Map
Gold Inverse (radius 0)
lorem
Gold Underline
05 / forms

Forms

lorem ipsum — radius 0px / border 1px solid #ddd
lorem ipsum — border 1px solid #a9894a
06 / layout

Spacing & Width

Spacing Scale

8px
16px
24px
32px
64px
120px

Content Widths

Full Bleed Hero 100vw
Article Section 1280px
Body Text 720px