８月１９日２２時より、２商品が再販売
≡ メニュー
Darlington Collection

英国純正オイルレザーの
鈍い輝き

渋くて格好良いスタイリングが魅力。
革の表情と職人の仕立てを、日々の相棒に。

商品を見る コレクションを見る
01 / Colors

カラーパレット — 革の色だけで組む

Brand
Leather Black
#241a00
--c-color-primary。文字・帯・フッター
Gold
#a5843a
CTA の塗り
Cream
#f5f1e8
主要な面色
Gold Scale — 実サイトは 7 トーンに散っている
CTA
#a5843a
「商品を見る」
Gold Mid
#9a7d1f
Pick Up KABAN
Gold Soft
#a0793e
RESTOCK
Gold Pale
#9b7a4f
NEW ARRIVAL
Gold Deep
#8a6a35
明るい面の上の英字（推奨）
Gold Light
#c8aa62
暗い面の上の英字（推奨）
Gold Lighter
#d7c287
Shoulder Bag
Cream / Surface
Cream
#f5f1e8
革の紹介カード
Cream 2
#f3efe6
一覧ページの地
Beige
#eee8dd
革カードの別トーン
Beige Deep
#e8e3d9
「新商品」バッジ
Greige
#f2f1f0
--c-color-bg-light
Border
#d3d1cc
--c-color-border
Dark Surface / Text
Dark 1
#15110c
カテゴリカードの面
Dark 2
#211b14
商品名の文字色
Text Secondary
#7c7666
--c-color-secondary
Text Muted
#756b5e
日付・商品説明
Disabled
#999999
--c-color-muted
（使わない）
#0070c9
--c-color-accent。Shopify 既定の青。実サイトで未使用
02 / Typography — 実測値

明朝（見出し）とゴシック（UI）の分業

英国純正オイルレザーの鈍い輝き
明朝 / 42px / 500 / line-height: 1.34 / letter-spacing: 0.08emヒーロー
鞄を形から選ぶ
明朝 / 38–43px / 400–500 / line-height: 1.45–1.55 / letter-spacing: 0.10–0.12emセクション見出し
新作、続々登場。
明朝 / 25–31px / 400 / line-height: 1.55 / letter-spacing: 0.13–0.18emセクション見出し（小）
ダーリントン LOGショルダー
明朝 / 16–20px / 400–500 / line-height: 1.40–1.55 / letter-spacing: 0.045–0.075em商品名
Restock  /  New Arrival  /  Bag Category
Times New Roman / 11–13px / 大文字 / 金 / letter-spacing: 0.16–0.28em ← 3 点セットで「章の扉」英字ラベル
職人には得意分野があり、鞄ごとに熟練職人が持ち場を分ける。革の個性を読み、裁ち、漉き、縫う。その積み重ねが一点の鞄になる。
明朝 / 14–19px / 400 / line-height: 2.0 / letter-spacing: 0.075–0.08emリード文
本文 — UI と本文はゴシック（Noto Sans JP）。字間は開かず normal〜0.05em にとどめる。開くのは見出しと英字ラベルだけ。
ゴシック / 16px / 400 / line-height: 1.65 / letter-spacing: normalbody
¥52,000（税込）
ゴシック / 15–18px / 500–600 / letter-spacing: 0.04em価格
2026.08.06    01 / 03
ゴシック / 9px / 400–500 ← モバイルでは 11px 以上に引き上げるカードの日付

⚠ Shopify テーマ変数は --heading-font-family: "Noto Sans Japanese"（ゴシック）を宣言しているが、 実際の見出しはすべて明朝。変数を信じて実装するとブランドの見た目が消える。 また font-feature-settings は全要素 normal—— 字間を開く設計なので palt は使わない。

Restock

再販売のお知らせ

職人製造中だった人気商品が、順次再販売となります。

再販売
2026.08.0601 / 03
ザオークバーク バークシャー
¥68,000（税込）
Pick Up
2026.08.0602 / 03
ダーリントン バックパックスリム
¥88,000（税込）
Sold Out
2026.08.0603 / 03
マルティーニ レオナルド
¥42,000（税込）
Shell Cordovan

シェルコードバン

希少部位から生まれる、艶やかな革の王様。米国ホーウィン社の原皮を、時間をかけて鞣し上げる。

Leather Patina

経年育成タイプ

123次へ
Bag Special Contents

かばん“鞄”ピックアップ

革の個性で選ぶ。実際に触って選ぶ。多くの製品から直感的に選ぶ。
どの入り口からでも、あなたの相棒に辿り着けるように。

革の個性で選べる 実際に触って選べる 多くの製品から直感的に
03 / Buttons & Badges

ボタン・バッジ（角丸ゼロとピルの二択）

商品を見る
Primary — #a5843a / radius 0 / ls .1em
ジャーナル一覧を見る
Outline — 1px rgba(36,26,0,.35) / padding 0 42px
ビジネスバッグを見る
Ghost — 写真の上
8月19日22時より販売開始
Special — 金のグラデ ＋ ピル
Badges / Chips — ここだけがピル（999px）
Pick Up Sold Out 再販売 新商品 革の個性で選べる
04 / Forms

フォーム要素（--input-border-radius: 0.0rem）

デフォルト — border: 1px solid #d3d1cc / radius: 0px
フォーカス — border-color: #a5843a（金）
エラー — 原色の赤を使わず、革の色域に寄せる
05 / Depth — 3 段とも不透明度 5%

Elevation & Radius

Level 0
none — セクション・ボタン・バッジ
--shadow-sm
0 2px 8px rgba(0,0,0,.05)
商品カード
--shadow
0 5px 15px rgba(0,0,0,.05)
ドロップダウン
--shadow-md
0 5px 30px rgba(0,0,0,.05)
モーダル・ドロワー
Radius Scale — 変数は 7 段あるが、使われるのはピルと円だけ
TokenValue実際の使用
--c-radius-sm4px未使用
--c-radius-md8px未使用
--c-radius-lg12px未使用
--c-radius-xl20px未使用
--c-radius-2xl24px未使用
--c-radius-pill100px（実装は 999px）バッジ・チップ
--c-radius-full50%カルーセル矢印
--button-border-radius0.0remボタン・入力欄・カード・ページャ
Spacing Scale（--c-space-*）
4
8
12
16
20
24
32
40
48
60
80