SKIN CARE

肌が本来持つ力を引き出す

ORBIS（orbis.co.jp）から抽出したデザイントークンのカタログ。Open Sans + 游ゴシック体の欧文先行スタック、font-feature-settings: normal（palt なし）、letter-spacing: normal、ウォームブラウン #231815 + クリーム #fff7ed + コーラル #ef857d のウォームトーン、radius 0px シャープ CTA + radius 40px pill タグの二極構成。computed style 実測値に基づく。

商品を探す ブランドについて
01 / COLORS
カラーパレット
Color Palette
ブランド
Brand Cream
#fff7ed
セクション背景・タグ面色
Brand Coral
#ef857d
価格ハイライト・バッジ
CTA Brown-Gray
#5c5a5a
プライマリCTA背景・ボーダー
テキスト & ニュートラル
Text Primary
#231815
本文テキスト（ウォームブラウン）
Text on CTA
#ffffff
CTA上の白テキスト
Border
#e0e0e0
区切り線・フィルタ枠
Border Tag
#cdcdcd
タグ pill のボーダー
サーフェス
Background
#ffffff
標準背景
Surface
#f8f8f8
ニアホワイト面（最頻出）
Surface Footer
#fafafa
フッター背景
Surface Cream
#fff7ed
ブランドクリーム面
セマンティック
Success Green
#69b35e
送料無料バッジ
Gold Premium
#9d8735
会員・プレミアム表示
ティント（カテゴリ淡色面）
Tint Blue
#e5f0f5
水色面
Tint Green
#ebf6ef
薄緑面
Tint Pink
#f7e8ee
薄桃面
Tint Yellow-Green
#f7f9e1
薄黄緑面
02 / TYPOGRAPHY
タイポグラフィ
Typography -- Open Sans + 游ゴシック体 / palt なし / letter-spacing normal / 本文 wt 500
商品を探す
Open Sans + YuGothic / 28px / 700 / line-height: 1.0Heading 2 (large)
スキンケア・基礎化粧品
Open Sans + YuGothic / 20px / 700 / line-height: 1.5Heading 1 (category)
オルビスユー ローション
Open Sans + YuGothic / 18px / 700 / line-height: 1.8Heading 3
肌が本来持つ力を活かし、うるおいに満ちた肌へ導くスキンケアシリーズ。洗顔、化粧水、保湿液の3ステップで、透明感のある素肌を目指します。科学的なアプローチで開発された処方が、年齢とともに変化する肌に寄り添います。
Open Sans + YuGothic / 14px / 500 / line-height: 1.8Body
オルビスユー ドット エッセンスローション
Open Sans + YuGothic / 14px / 500 / line-height: 1.5Product Name
※医薬部外品。使用上の注意をよくお読みの上、お使いください。
Open Sans + YuGothic / 13px / 500 / line-height: 1.8Small
NEW
Open Sans + YuGothic / 12px / 700 / line-height: 1.0Nav Badge
Copyright ORBIS Inc.
Open Sans + YuGothic / 12px / 500 / line-height: 1.0Footer
03 / PRODUCT
プロダクト
Product Page Sample
SKIN CARE

オルビスユー ドット エッセンスローション

年齢とともに変化する肌にアプローチ。独自成分が角層のすみずみまで浸透し、肌にハリとうるおいを与えます。とろみのあるテクスチャーが肌に心地よくなじみ、使うたびに透明感のあるふっくらとした肌へ導きます。

¥3,630 (税込)
成分について

ポーラ・オルビスグループの研究力を結集。肌のメカニズムに着目した独自の保湿成分を配合しています。パラベンフリー、合成界面活性剤不使用、無香料、無着色。敏感になりがちな大人の肌にもやさしい処方です。

カートに入れる お気に入りに追加
04 / BUTTONS
ボタン
Buttons -- CTA radius 0px (sharp) / Tag radius 40px (pill) の二極構成
カートに入れる
Primary / filled #5c5a5a / radius 0 / 700
詳しく見る
Secondary / outline #5c5a5a / radius 0 / 500
化粧水
Tag / pill / bg #fff7ed / radius 40px
価格が安い順
Filter / outline #e0e0e0 / radius 0
送料無料
Badge / #69b35e
MEMBER
Badge / #9d8735
スキンケア メイクアップ ボディケア ヘアケア サプリメント 限定品
Tag Pill Row -- カテゴリナビゲーション
05 / CARDS
商品カード
Product Cards -- shadow なし / radius 0 / ウォームブラウンテキスト
Product Image
送料無料
スキンケア

オルビスユー ドット エッセンスローション

¥3,630
Product Image
スキンケア

オルビスユー ローション

¥2,970
Product Image
MEMBER
メイクアップ

リンクル ホワイト UV プロテクター

¥2,640¥3,520
Product Image
ボディケア

リリースバイタッチ ボディシャンプー

¥1,430
06 / FORMS
フォーム
Forms -- radius 0px / focus: border #5c5a5a
デフォルト
正しい電話番号を入力してください
フォーカス状態
07 / ELEVATION
奥行き
Depth & Elevation -- 面色の切り替えで空間を構成
Level 0 -- White
標準背景。影なし。#ffffff
Level 0 -- Surface
ニアホワイト面。#f8f8f8
Level 0 -- Cream
ブランドクリーム面。#fff7ed
Level 1 -- Hover
ホバー時の控えめな影
08 / LAYOUT
レイアウト
Layout -- spacing scale & surface grid
6px
8px
10px
20px
32px
48px
WHITE #fff
CREAM #fff7ed
SURFACE #f8f8f8
TINT BLUE #e5f0f5
TINT GREEN #ebf6ef
TINT PINK #f7e8ee