SIRI SIRI

日本の手仕事を、
建築のように編む。

江戸切子のガラス、籐の編み、漆のうつわ。
素材の記憶を、身につける構造へ。

Scroll Down

01 — COLORS

カラーパレット

白地 #ffffff と純黒 #000000 が基調。有彩アクセントはスレートブルー #b2c2c9("予約 Pre-order" バッジ)のみ。補足は #777777 のグレー。

Slate Blue
#b2c2c9
唯一の有彩アクセント。予約バッジ
Black
#000000
本文・見出し・ロゴ(純黒を使用)
Text Grey
#777777
お知らせ・補足テキスト
White
#ffffff
ページ背景
Surface Light
#f7f7f7
最も淡い面・セクション地
Surface Grey
#e3e3e3
お知らせ帯・ボタン地
System Blue
#377dff
稀に出る機能色(リンク等)

02 — TYPOGRAPHY

タイポグラフィ

欧文 ABC Diatype + 和文ヒラギノ角ゴ/游ゴシックを weight 300 主体で。詩的なリードにだけ明朝を差す。字間はタイト、行間は詰まり気味。(下記は Inter / Noto Sans JP / Noto Serif JP による代替表示)

SIRI SIRI
h1 logo · ABC Diatype · 28px · weight 700(唯一の太字)
見出し — 切子ガラスの光を、日常へ
h2 · ABC Diatype · 22px · weight 300 · lh 1.44 · ls -0.2〜0.4px
KIRIKO — 光を削り出した、透明なかけら。指先で触れると、江戸の職人の手が見える。
lead(明朝) · Hiragino Mincho ProN · 20px · weight 300 · ls 0.5px
Scroll Down
lead(欧字) · ABC Diatype · 16px · weight 400
本文・ナビ — SIRI SIRI は、建築を学んだ岡本菜穂が主宰する現代ジュエリーブランドです。伝統素材を建築的な構造で再構成します。
body/nav · ABC Diatype · 14px · weight 300 · lh normal〜1.4
お知らせリンク — 年末年始の発送について
a · ABC Diatype · 12px · weight 300 · color #777777 / lh 2.5

03 — ARTICLE

組版サンプル

硬い光と、やわらかな重み。
手のひらのなかで、素材がしずかに息をする。

KIRIKO コレクション

江戸切子の職人が一点ずつ削り出したガラスを、真鍮の構造で受け止めました。透明なかけらが光を分け、身につけるたびに違う表情を返します。建築の設計思想を、身体のためのプロダクトへ翻訳しています。

素材は江戸切子ガラス、籐編み、漆と多岐にわたります。いずれも日本の手仕事を軸に、現代の造形へ落とし込んだものです。コレクションを見る


04 — BUTTONS

ボタン

下線付きテキストリンクが主役。ステータスは #b2c2c9 の予約バッジ、案内は淡いグレーのお知らせボタン。角丸はすべて 0px。

View More Detail Shop Event 予約商品 Pre-order お知らせを見る

05 — CARDS

製品カード

KIRIKO
KIRIKO ピアス
江戸切子ガラス / クリア
RATTAN
籐編みバングル
籐 / ナチュラル
予約商品 Pre-order
URUSHI
漆ネックレス
漆 / 真鍮

06 — FORMS

フォーム

デフォルト / フォーカス / エラーの3状態。矩形(radius 0px)、枠は純黒、フォーカスは枠を太く。

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

07 — ELEVATION

奥行き

基本はフラット。奥行きは余白・写真・矩形の重なりで表現し、影は極力薄い限定用途のみ。切子ガラスの透明感に合わせる。

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

08 — LAYOUT

スペーシング

8 / 16 / 24 / 40 / 64 / 120px。余白を広く取り、矩形とグリッドの整列で建築的な「間」を作る。

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