Design System Preview
SAKE HUNDRED — 日本語版

DESIGN.md から抽出したデザイントークンのカタログ。明朝体 + Optima の二軸構成が生む和洋融合のラグジュアリー。computed style 実測値に基づく。

詳しくはこちら コレクションを見る

01 / Colors

カラーパレット

Brand
Dark
#1c1b1b
CTA・ナビ背景
Navy
#111c4d
アクセント背景
Text
Text Primary
#1c1b1b
見出し・本文
Text Secondary
#6a6a6a
補足・リンク
Surface & Background
Background
#f9f8f6
ページ背景(オフホワイト)
Surface
#ffffff
セクション背景
Border
#cfcfcf
区切り線
Semantic
Sale
#f94c43
セール価格
Star Rating
#f6a429
評価の星

02 / Typography — 実測値

タイポグラフィ階層

コレクション — Section Title (h2, 明朝)
游明朝 / 30px / 500 / line-height: 1.5 / letter-spacing: 0.033em / palt: ありセクション見出し
Limited Collection
Optima + 游明朝 / 30px / 400 / line-height: 1.2 / letter-spacing: 0.033em欧文見出し
ニュースレターを受け取りませんか — Sub Title (h2)
游明朝 / 21px / 500 / line-height: 1.57サブ見出し
本文テキスト — そのすべてが満ちていく。日本酒の新たな価値を創造し、世界中の人々に届ける。最高峰の日本酒を通じて、特別な体験を提供します。
游ゴシック Medium / 14px / 400 / line-height: 1.5 / letter-spacing: 0.033em / palt: あり本文
Story
Optima / 14px / SC(Small Caps)/ CTA ラベルセクション名

プロダクトページの組版サンプル

日本酒の新たな価値を世界へ

SAKE HUNDRED は、日本酒の持つ可能性を最大限に引き出し、世界中の人々に特別な体験を届けるラグジュアリー日本酒ブランドです。厳選された酒蔵と共に、最高峰の日本酒を創り上げています。

Philosophy

「そのすべてが満ちていく。」——私たちは日本酒を通じて、人生を豊かにする体験を追求しています。素材の選定から醸造、パッケージデザインまで、すべてにおいて妥協のないものづくりを行っています。


04 / Buttons

ボタンバリエーション

詳しくはこちら
Outline (Primary)
購入する
Dark CTA

05 / Cards

プロダクトカード

720ml

天彩 -AMAIRO-

天然の美しい琥珀色。長期熟成による深みのある味わいと、余韻の長さが特徴。

¥38,500(税込)
720ml

百光 -BYAKKO-

精米歩合18%。極限まで磨き上げた米から生まれる、透明感のある純米大吟醸。

¥38,500(税込)
500ml

深星 -SHINSEI-

繊細でありながら力強い。日本酒の新たな可能性を切り拓くスパークリング。

¥16,500(税込)

06 / Forms

フォーム要素

デフォルト — border: #cfcfcf, radius: 0
フォーカス — border: #1c1b1b (Dark)
エラー — border: #f94c43 (Sale)

07 / Elevation

Depth & Elevation

Level 0: Flat
シャドウなし(基本)
Dark Section
色面で奥行きを表現
Navy Section
アクセントセクション

08 / Layout

コンテンツ幅

Main Content 1200px
Article 560px
Product Grid Gutter 60px