uka store GINZA SIX 6/1 OPEN

Lineup

lorem ipsum dolor, lorem ipsum dolor

uka (uka.co.jp) lorem ipsum dolor sit amet consectetur adipiscing. Zen Kaku Gothic New + Instrument Sans lorem ipsum dolor sit amet consectetur, font-feature-settings: "palt" lorem ipsum dolor, line-height lorem(1.6 / 2.0 / 2.4), lorem ipsum dolor #333333 lorem ipsum dolor sit, radius 8px lorem ipsum dolor. computed style lorem ipsum dolor.

01 / Colors
Color Palette
lorem ipsum dolor sit amet consectetur. --primary-color: #333333
Primary
Charcoal
#333333
--primary-color / lorem ipsum dolor
Charcoal Heavy
#414c55
--primaryHeavy-color
Sub Colors
Slate
#5d6d7a
--primaryPale-color
Light Slate
#92a7b6
--primaryLight-color
Navy
#2a3650
lorem ipsum dolor(lorem)
Text & Neutral
Text Primary
#333333
lorem ipsum dolor / --color-black
Text Body
#454545
lorem / lorem ipsum dolor
Text Secondary
#7b7b7b
--color-gray / lorem ipsum dolor
Text Dark
#676a71
--color-gray-dark / lorem ipsum dolor sit
Text on Dark
#ffffff
lorem ipsum dolor sit amet
Surface
Surface White
#ffffff
lorem ipsum dolor
Surface Light
#f1f2f4
lorem ipsum dolor(lorem ipsum dolor sit)
Surface Gray Light
#ededf1
--color-gray-light / lorem ipsum dolor
Surface Dark
#333333
lorem ipsum / lorem ipsum dolor
Product Nav
#676a71
lorem ipsum dolor sit amet consectetur
02 / Typography
Typography
Zen Kaku Gothic New + Instrument Sans lorem ipsum dolor sit amet / palt lorem ipsum dolor
Lineup
Instrument Sans / 50px / 400 / line-height: 1.28 / letter-spacing: 0.1emDisplay (h1)
Products
Instrument Sans / 28px / 400 / line-height: 1.5 / letter-spacing: 0.1emHeading 2
Our Philosophy
Instrument Sans / 30px / 400 / line-height: 1.0 / letter-spacing: 0.04emHeading 3 EN
Salon
Instrument Sans / 19.2px / 400 / line-height: 1.1 / letter-spacing: 0.18emHeading 3 Service
Gift
Instrument Sans / 20px / 400 / line-height: 1.5 / letter-spacing: 0.18em / white on darkBanner EN
lorem ipsum dolor lorem ipsum
Zen Kaku Gothic New / 16px / 500 / line-height: 1.45 / letter-spacing: 0.025emHeading 3 JP
uka lorem lorem lorem ipsum dolor sit amet consectetur
Zen Kaku Gothic New / 16px / 400 / line-height: 1.65 / letter-spacing: 0.025emHeading 3 News
Global Presence
Zen Kaku Gothic New / 20px / 500 / line-height: 1.6 / letter-spacing: 0.025emLink Card Title
lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit. uka lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur.
Zen Kaku Gothic New / 16px / 400 / line-height: 1.6 / letter-spacing: 0.025emBody
lorem ipsum dolor, lorem ipsum dolor.
uka lorem, lorem, lorem, lorem ipsum dolor sit,
lorem ipsum dolor sit amet consectetur adipiscing.
Zen Kaku Gothic New / 18px / 400 / line-height: 2.0 / letter-spacing: normalStatement
lorem ipsum dolor, lorem ipsum, lorem ipsum, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing.
Zen Kaku Gothic New / 16px / 400 / line-height: 2.4 / letter-spacing: normalCard Description (Philosophy)
lorem ipsum / lorem ipsum dolor
Zen Kaku Gothic New / 14px / 500 / line-height: 1.5 / letter-spacing: 0.025em / color: #7b7b7bSubtitle
lorem / lorem
Zen Kaku Gothic New / 14px / 400 / line-height: 1.5 / letter-spacing: 0.025emSubtitle Small
uka store GINZA SIX 6/1 OPEN
Zen Kaku Gothic New / 16px / 400 / line-height: 1.65 / letter-spacing: 0.025em / white on #333Notification
03 / Product
Products
uka is a total beauty brand from Ebisu, Tokyo
Hair Care
lorem ipsum
lorem ipsum dolor lorem ipsum
lorem ipsum / lorem ipsum dolor

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

lorem ipsum dolor, lorem ipsum dolor.
lorem ipsum dolor sit, lorem ipsum dolor.
Nail Care
lorem ipsum
uka lorem ipsum dolor 13:00
lorem ipsum dolor

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

Fragrance
lorem ipsum dolor
uka lorem ipsum lorem ipsum dolor
lorem ipsum / lorem ipsum dolor

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

04 / Buttons
Buttons
lorem ipsum dolor sit amet consectetur / lorem ipsum dolor radius 8px / shadow lorem
lorem ipsum
Category Card / #f1f2f4 / radius 8px / 400
lorem ipsum dolor
Category Card / #f1f2f4 / radius 8px / 400
lorem ipsum dolor
Category Card / #f1f2f4 / radius 8px / 400
lorem ipsum dolor
Category Card / #f1f2f4 / radius 8px / 400
lorem ipsum dolor
News Card / #fff / radius 0 / 400
☰ Menu
Header Icon / transparent / 400
🔍 Search
Header Icon / transparent / 400
Dark surface
Salon
Category Card / #676a71 / radius 8px
Salon
Service / Instrument Sans / 0.18em
05 / Cards
Cards
lorem ipsum dolor / lorem ipsum dolor / lorem ipsum dolor sit / shadow lorem
News Cards
News Image
2026.05.01
lorem ipsum

uka store GINZA SIX 6 lorem 1 lorem ipsum dolor sit

News Image
2026.04.20
lorem

lorem ipsum dolor sit "Sea Breeze Collection" lorem

News Image
2026.04.10
lorem ipsum

uka lorem ipsum dolor sit amet in lorem ipsum dolor

Product Cards
Product Image
lorem ipsum dolor lorem ipsum
lorem ipsum / lorem ipsum dolor
Product Image
uka lorem ipsum dolor 13:00
lorem ipsum dolor
Product Image
uka lorem ipsum lorem ipsum dolor
lorem ipsum / lorem ipsum dolor
Philosophy Cards
Our Philosophy
lorem ipsum dolor
lorem ipsum dolor, lorem ipsum, lorem ipsum, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor, lorem ipsum dolor. lorem uka lorem ipsum.
Craftsmanship
lorem ipsum
lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet, lorem ipsum dolor sit amet. lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing.
06 / Forms
Forms
radius 0 / focus: border #333333 / palt lorem
Default
lorem ipsum dolor sit amet consectetur
Focus state
07 / Elevation
Depth & Elevation
lorem ipsum dolor. lorem / lorem ipsum dolor sit / lorem ipsum dolor sit amet consectetur
Level 0 -- Flat
lorem ipsum dolor. shadow: none
Level 1 -- White
lorem. #ffffff
Level 2 -- Light
lorem ipsum dolor. #f1f2f4 lorem ipsum dolor sit
Level 3 -- Nav
lorem ipsum dolor. #676a71
Level 4 -- Dark
lorem ipsum / lorem ipsum. #333333
08 / Layout
Layout
Spacing scale & section backgrounds
8px
16px
24px
32px
48px
64px
Section Backgrounds
WHITE #fff
LIGHT #f1f2f4
DARK #333
Line-height Scale
lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit.
line-height: 1.6 (Body)
lorem ipsum dolor, lorem ipsum dolor. lorem ipsum dolor sit.
line-height: 2.0 (Statement)
lorem ipsum dolor, lorem ipsum, lorem ipsum, lorem ipsum dolor sit amet consectetur adipiscing.
line-height: 2.4 (Philosophy)