uka store GINZA SIX 6/1 OPEN

Lineup

うれしくって、うつくしいほうへ

uka (uka.co.jp) から抽出したデザイントークンのカタログ。Zen Kaku Gothic New + Instrument Sans のデュアルフォントシステム、font-feature-settings: "palt" グローバル適用、line-height 三段階(1.6 / 2.0 / 2.4)、チャコールグレー #333333 と白の二色パレット、radius 8px のカテゴリカード。computed style 実測値に基づく。


01 / Colors
Color Palette
チャコールグレーと白の二色構成。--primary-color: #333333
Primary
Charcoal
#333333
--primary-color / ブランドカラー
Charcoal Heavy
#414c55
--primaryHeavy-color
Sub Colors
Slate
#5d6d7a
--primaryPale-color
Light Slate
#92a7b6
--primaryLight-color
Navy
#2a3650
ダークアクセント(限定的)
Text & Neutral
Text Primary
#333333
メインテキスト / --color-black
Text Body
#454545
本文・リンクテキスト
Text Secondary
#7b7b7b
--color-gray / サブタイトル
Text Dark
#676a71
--color-gray-dark / プロダクトナビ背景
Text on Dark
#ffffff
ダーク背景上の白テキスト
Surface
Surface White
#ffffff
標準ページ背景
Surface Light
#f1f2f4
セカンダリ背景(ライトブルーグレー)
Surface Gray Light
#ededf1
--color-gray-light / カード背景等
Surface Dark
#333333
通知バー・フッター背景
Product Nav
#676a71
プロダクトナビゲーション面

02 / Typography
Typography
Zen Kaku Gothic New + Instrument Sans デュアルフォントシステム / palt グローバル適用
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
スカルプブラシ ケンザン
Zen Kaku Gothic New / 16px / 500 / line-height: 1.45 / letter-spacing: 0.025emHeading 3 JP
uka ストア 銀座 シックス店オープンのお知らせ
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
指先から気分を変える。ネイルカラーは色を纏うだけでなく、自分自身を整える時間。ukaのネイルオイルは爪を保湿しながら、ほのかな香りで心を解きほぐします。
Zen Kaku Gothic New / 16px / 400 / line-height: 1.6 / letter-spacing: 0.025emBody
うれしくって、うつくしいほうへ。
uka は、髪、肌、爪先から気持ちを整え、
毎日をすこし前向きにするお手伝いをします。
Zen Kaku Gothic New / 18px / 400 / line-height: 2.0 / letter-spacing: normalStatement
わたしたちは、髪を整え、爪を彩り、肌を慈しむことが、自分自身を大切にすることの第一歩だと考えています。日々のケアを通じて、内側からの美しさと向き合う時間を提案します。
Zen Kaku Gothic New / 16px / 400 / line-height: 2.4 / letter-spacing: normalCard Description (Philosophy)
ヘッドスパ・トリートメント
Zen Kaku Gothic New / 14px / 500 / line-height: 1.5 / letter-spacing: 0.025em / color: #7b7b7bSubtitle
東京・恵比寿
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

Products
uka is a total beauty brand from Ebisu, Tokyo
Hair Care
ヘアケア
スカルプブラシ ケンザン
頭皮ケア・シャンプーブラシ

シャンプー時に頭皮を心地よく刺激するスカルプブラシ。硬さの異なるシリコンピンが汚れをしっかり落としながら、サロンのヘッドスパのような気持ちよさを実現します。お風呂上がりの指通りが変わる、毎日のケアアイテムです。

うれしくって、うつくしいほうへ。
頭皮を整えることが、美しい髪の第一歩。
Nail Care
ネイルケア
uka ネイルオイル 13:00
ネイルケアオイル

ランチのあとの気分転換に。レモンとミントの香りが午後の始まりをすっきり整えます。乾燥した爪まわりに塗ることで、健やかな爪を育てます。時間帯をコンセプトにしたukaならではのネイルオイルです。

Fragrance
フレグランス
uka ヘアオイル レイニーウォーク
ヘアケア・フレグランス

雨の日も気分が上がるように。グリーンフローラルの香りとともに、うるおいを与えながら髪をまとめます。湿気による広がりを抑え、自然なツヤを引き出すマルチユースなヘアオイルです。


04 / Buttons
Buttons
カード型のクリッカブル要素が主体 / カテゴリカード radius 8px / shadow なし
ヘアケア
Category Card / #f1f2f4 / radius 8px / 400
ネイルカラー
Category Card / #f1f2f4 / radius 8px / 400
スカルプケア
Category Card / #f1f2f4 / radius 8px / 400
フレグランス
Category Card / #f1f2f4 / radius 8px / 400
ニュースカード
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

Cards
ニュースカード / プロダクトカード / フィロソフィーカード / shadow なし
News Cards
News Image
2026.05.01
お知らせ

uka store GINZA SIX 6月1日オープンのお知らせ

News Image
2026.04.20
新製品

夏限定ネイルカラー "Sea Breeze Collection" 発売

News Image
2026.04.10
イベント

uka ヘッドスパ体験イベント in 恵比寿サロン

Product Cards
Product Image
スカルプブラシ ケンザン
頭皮ケア・シャンプーブラシ
Product Image
uka ネイルオイル 13:00
ネイルケアオイル
Product Image
uka ヘアオイル レイニーウォーク
ヘアケア・フレグランス
Philosophy Cards
Our Philosophy
わたしたちの考え
わたしたちは、髪を整え、爪を彩り、肌を慈しむことが、自分自身を大切にすることの第一歩だと考えています。日々のケアを通じて、内側からの美しさと向き合う時間を提案します。うれしくって、うつくしいほうへ。それがukaの願いです。
Craftsmanship
ものづくり
サロンで培った技術と知識を、プロダクトに落とし込む。スカルプブラシのピン一本の硬さ、ネイルオイルの香りの配合、ヘアオイルのテクスチャー。すべてに理由があり、すべてがサロンの現場から生まれています。

06 / Forms
Forms
radius 0 / focus: border #333333 / palt 適用
Default
正しい電話番号を入力してください
Focus state

07 / Elevation
Depth & Elevation
シャドウなし。白 / ライトブルーグレー / チャコールの面切り替えで空間を構成
Level 0 -- Flat
すべての要素。shadow: none
Level 1 -- White
通常面。#ffffff
Level 2 -- Light
セカンダリ面。#f1f2f4 ライトブルーグレー
Level 3 -- Nav
プロダクトナビ面。#676a71
Level 4 -- Dark
通知バー・フッター。#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
指先から気分を変える。ネイルカラーは色を纏うだけでなく、自分自身を整える時間。
line-height: 1.6 (Body)
うれしくって、うつくしいほうへ。毎日をすこし前向きに。
line-height: 2.0 (Statement)
わたしたちは、髪を整え、爪を彩り、肌を慈しむことの第一歩だと考えています。
line-height: 2.4 (Philosophy)