送料無料キャンペーン中 5.15 (金)まで ¥5,000以上(海外は¥10,000以上)ご注文が対象

SOU・SOU について

DESIGN.md から抽出したデザイントークンのカタログ。Noto Serif JP の明朝体で本文と見出しを統一し、letter-spacing を 0.08em〜0.2em と広く取った和的編集デザイン。マスタード金茶 #c1a443 がブランド identity。computed style 実測値（2026-05-07 取得）に基づく。

今日のブログを読む 全て見る
01 / COLORS

カラーパレット

Brand
Accent
#c1a443
マスタード金茶 / --color-accent / 47回出現
Campaign Red
#a91717
深紅・キャンペーン強調
Surface
Page Background
#f5f5f5
和紙風オフホワイト・67回出現
Surface White
#ffffff
カード・モーダル面
Footer Dark
#4b4b4b
フッター・ダーク背景
Sub Header Dark
#222426
バナー暗色面
Text
Heading / Text
#222222
見出し・本文・ナビ
Text Muted
#888888
補足・キャプション
Search Text
#5c5c5c
--color-search
Outline Btn
#555555
「もっと見る」テキスト
Border
Border Default
#dedede
--border-color
Border Stronger
#a7a7a7
強めの境界線
Border Main
#dcdcdc
--color-main-border
Semantic
Error
#de2a2a
--error-color
Success
#2e9e7b
--success-color
Link Blue
#4181f2
外部リンク（U-KOMI 等）
Pale Blue
#e1eaf2
--color-bg-light
02 / TYPOGRAPHY — 実測値

タイポグラフィ階層

Hero — SOU・SOU について
36px / 400 / line-height: 1.5 / letter-spacing: 7.2px (+0.2em)大見出し h2
セクション見出し — お知らせ
28px / 400 / line-height: 1.5 / letter-spacing: 5.6px (+0.2em)セクション h2
リード — 5.15(金)まで
24px / 400 / line-height: 1.3 / letter-spacing: 1.92px (+0.08em)プロモ大文字
小見出し — 衣類
22px / 400 / line-height: 1.8 / letter-spacing: 1.76px (+0.08em)セクション h3
キャンペーン強調 — 送料無料キャンペーン中
17px / 500 / line-height: 1.0 / letter-spacing: 1.7px / color: #a91717深紅キャンペーンラベル
本文 — DESIGN.md は AI エージェントが正確な日本語 UI を生成するためのデザイン仕様書。Noto Serif JP の明朝体で本文と見出しを統一し、letter-spacing を 0.08em〜0.2em と広く取ることで、和的な「呼吸の長い」編集組を作る。
16px / 400 / line-height: 1.733 / letter-spacing: normal本文 body
記事本文 — このシリーズは、細見えするのが良いです。セットアップしやすく、和装の基本を押さえた現代的な一着。letter-spacing 1.12px (+0.08em) で組まれた長文記事の標準スタイル。
14px / 400 / line-height: 1.8 / letter-spacing: 1.12px (+0.08em)記事 article p
ナビリンク — トップページ
16px / 400 / line-height: 1.0 / letter-spacing: 1.28px (+0.08em)ピル形ナビ
補足キャプション — ¥5,000以上(海外は¥10,000以上)ご注文が対象
14px / 400 / line-height: 1.0 / letter-spacing: 1.7px / color: #888888キャプション
03 / PRODUCTS

商品グリッド

新商品
高島縮 五分袖 さしもの
¥18,700（税込）
定番
貫頭衣 麻 木立
¥24,200（税込）
新色
地下足袋 SOU・SOU × le coq sportif
¥15,400（税込）
在庫僅少
ぬぬ 風呂敷 SO-SU-U
¥3,300（税込）
04 / ARTICLE — 記事組版

記事ページの組版サンプル

【お詫び】発送遅延・着日指定不可について

お知らせの詳細

このたび物流の混雑により、SOU・SOU netshop からの発送に遅延が発生しております。お客様にはご迷惑をおかけし、誠に申し訳ございません。Noto Serif JP の明朝体で組まれた、letter-spacing 1.12px (+0.08em) / line-height 1.8 の標準的な記事本文。

対象期間と対応

2026年5月7日以降のご注文につきましては、通常より1〜2日多くお時間をいただく場合がございます。着日指定のご依頼は一時的に承れません。何卒ご理解のほど、よろしくお願いいたします。

05 / BUTTONS

ボタンバリエーション

今日のブログを読む
Primary 黒塗り (radius 5px)
全て見る
Outline Large (radius 25px)
もっと見る
Outline Small (radius 19px)
U-KOMIの詳細はこちら
Link Blue (radius 5px)
Form Submit (radius 3px)
06 / BORDER RADIUS — 7種使い分け

角丸スケール

Sharp · 0px
Soft · 3px
Subtle · 5px
Rounded · 19px
Pill Soft · 25px
Pill Full · 40.81px
Circle · 100%
07 / FORMS

フォーム要素

デフォルト — border: 1px solid #dedede, radius: 3px
フォーカス — border: #c1a443（accent gold）
エラー — border: #de2a2a (--error-color)
08 / SPACING — 8px グリッド

スペーシング

XS · 4px
S · 8px
M · 16px
L · 24px
XL · 48px
XXL · 80px