ソメスサドルは、1964年の創業以来、
時を経てますます愛着の湧く革製品づくりを目指し、
企画から製造、販売、修理までを一貫して行っています。
革の深緑 #13311d と黒 #040404 の 2 色で組む。唯一の暖色はお知らせの強調に使う #d5553a で、可視 2 要素しかない。面は淡い灰緑 #eaece9。
本文色は #040404。純黒 #000000 ではない。革の色に寄せたわずかな濁りが、写真と並べたときの馴染みを作っている。
和文は游ゴシック Medium（実測 151 要素）。欧文は Josefin Sans（見出し・日付、90 要素）と Crimson Text（ブランド大見出し・価格、41 要素）を役割で分ける。
| 0.10em | 104 要素（最多） — 本文・記事タイトル・価格・カテゴリ名 |
|---|---|
| 0.18em | 82 要素 — 英語見出し・日付・VIEW MORE・和文ボタン |
| 0.05em | 34 要素 — 商品名（最も詰める） |
| 0.142em | 34 要素 — ヒーローのリード文 |
| 0.08em | 12 要素 — ブランド大見出し（72px） |
| 0.15em | 9 要素 — 補助ラベル |
字間を一律にしないこと。本文 0.10em / 英語見出し 0.18em / 商品名 0.05em の 3 段を守る。文字が大きいほど em を減らす（72px で 0.08em、28px で 0.18em）のもこのサイトの癖で、大きい文字は同じ em でも物理的に空きすぎるため。
line-height: 2.4 は本文専用。一覧やボタンは 2.0、英語見出しは 1.0（行送りゼロで下の和文と積む）。font-feature-settings は 1 要素も使っていない（実測 0 件）。詰めるのではなく letter-spacing で空ける設計なので、palt を足すと狙いと逆になる。
SOMMET（頂点）＆SADDLE（鞍）の言葉を合わせて、ソメスサドル。北海道・砂川の工房で、馬具づくりで培った技術を鞄と革小物に受け継いでいます。企画から製造、販売、そして修理までを一貫して自社で行うことで、長く使い続けられる革製品をお届けしています。
革は使うほどに色を深め、手になじんでいきます。だからこそ、つくったあとの時間まで含めて設計する必要があると考えています。修理の窓口を自社で持ち続けているのは、そのためです。
商品名は letter-spacing: 0.05em と最も詰め、価格だけ Crimson Text のセリフ数字で組む。
入力欄も角丸ゼロ。フォーカスは深緑の枠で示す。
サイト全体で影は 2 要素だけ。ぼかし半径 40px の極端に柔らかい影と、追従ヘッダーの小さな影。
階層は影ではなく面色（#eaece9）と余白で作る。カードに影を足さないこと。
全幅の写真セクションの中に 1000px のコンテナを置き、一覧は 824px に絞る。
ブレークポイントは 750px（CSS 全文で max-width: 750px が 531 回、min-width: 751px が 159 回）。pc / sp クラスで要素自体を出し分ける。モバイルでは英語見出しの letter-spacing を 0.12em 程度まで落とす（0.18em のままだと 1 行に収まらない）。