HASUNA
ETHICAL JEWELRY

つくり手にも、地球にも、
誠実であるということ。

素材のトレーサビリティに配慮したエシカルジュエリー。Times New Roman の一系統・無彩色・角丸ゼロ・広い行間でつくる、静かで端正なデザインシステム。

01 — COLORS

カラーパレット

前面に出る有彩色はセール価格の朱赤 #f94c43 のみ。あとは白と 2 段階のグレー。純黒は使わない。

Text Grey
#666666
本文・見出しの標準/フッター地
Charcoal
#363636
ロゴ・ナビ・強調・リンク
Button Grey
#808080
面色ボタン背景(文字は白)
White
#ffffff
ページ背景
Light Grey
#f6f6f6
淡い面・カード地・セクション帯
Border Grey
#e8e8e8
1px のヘアライン罫
Sale Red
#f94c43
セール価格のみのアクセント
Link Blue
#486ae4
システムリンク色(稀)

02 — TYPOGRAPHY

タイポグラフィ

Times New Roman のセリフスタック一系統。全編 weight 400、行間は本文 2.4 / 見出し 1.65、字間は normal。和文は明示指定なしで OS の明朝にフォールバックする。(プレビューは PT Serif / Noto Serif JP で代替)

セクション見出し — Item
h2 · Times New Roman · 24px · weight 400 · lh 1.65
小見出し H2 — Bridal Jewelry
h2(小) · 18px · weight 400 · lh 1.65
本文 — HASUNA は、鉱山採掘から流通までの透明性に配慮した素材でジュエリーをつくるエシカルブランドです。誠実なものづくりを、静かで端正なかたちに託します。
p · 14px · weight 400 · lh 2.4(本文の署名的な広さ)
NEW ARRIVAL:新作コレクション入荷
p(強調) · 11px · weight 700 · lh 2.4
ロゴ / ナビ — HASUNA About Store
h1/nav · 14px · weight 400 · lh 1.65 · color #363636
01   02   03
number label · letter-spacing 2.4px(≒0.15em)

03 — ARTICLE

組版サンプル

NEW ARRIVAL:Ethical Collection 2026

身につけるほど、物語が宿る。

HASUNA のジュエリーは、素材がどこで、どのように採られたかを大切にします。作り手の暮らしと自然環境への配慮を、装いの背景に静かに織り込む。派手さではなく、誠実さを纏うためのジュエリーです。

一点一点に込めた透明性の物語は、身につけるほどに愛着へと変わります。無彩色を基調とした端正なデザインは、日々の装いに静かに寄り添います。ブランドについて読む


04 — BUTTONS

ボタン

面色(#808080)・アウトライン・テキストリンクを使い分ける。角丸は一貫して 0px の矩形。ピル型は使わない。

カートに入れる オンラインストアへ About HASUNA

05 — CARDS

製品カード

NECKLACE
エシカル ネックレス
K18 / ダイヤモンド
¥88,000
RING
フェアマインド リング
K18 / ゴールド
¥66,000¥52,800
PIERCE
トレーサブル ピアス
K18 / パール
¥44,000

06 — FORMS

フォーム

デフォルト / フォーカス / エラーの3状態。セリフ、radius 0px、フォーカスは無彩色 #808080。

正しい電話番号を入力してください。
送信する

07 — ELEVATION

奥行き

基本はフラット。奥行きは余白・写真・1px のヘアライン罫で表現し、影は限定用途のみ。

Level 0 — none
Level 1 — dropdown
Level 2 — modal

08 — LAYOUT

スペーシング

8 / 16 / 24 / 40 / 64 / 120px。余白を広く取り、静かな「間」を作る。ヘッダー高は 80px。

XS 8
S 16
M 24
L 40
XL 64
XXL 120