FEATURE / 特集

新しい時計の見方を、いま、探しに行こう。

BRUTUS Web 版のデザインシステム。FOT-筑紫ゴシック Pro B/E/H と Futura PT の二系統フォントを使い分け、letter-spacing normal・palt 不使用の雑誌的組版と、特集カテゴリごとに彩りを変える色設計が特徴。computed style 実測値（2026-05-07 取得）に基づく。

WATCHES FOOD CULTURE SPECIAL
PALETTE カラーパレット
Brand
Brutus Ink
#101010
本文の基本色
Brutus Charcoal
#191919
暗色帯セクション
Page White
#ffffff
ページ背景
Surface
Section Light
#eaeaea
セクション区切り
Magazine Beige
#e2dfd7
推奨コンテンツ帯
Soft Cream
#f4f3ef
新着記事帯
Footer Slate
#394045
フッター
Category Colors（特集ジャンル別）
Slate Blue
#577590
主力カテゴリ
Turquoise
#00c6ac
カルチャー・アート
Sky Blue
#5fb7ff
ライフスタイル
Magazine Beige
#ab9a86
クラフト・伝統
Deep Navy
#275ba1
ビジネス・旅
Copper
#b87333
フード・ドリンク
Tomato Red
#e63946
限定特集
Charcoal
#191919
時計・ジュエリー
TYPOGRAPHY タイポグラフィ階層
特集大見出し ／ 新しい時計の見方を
32px / 800 (Heavy) / line-height 1.5 / FOT-筑紫ゴシック Pro H特集 h1/h2
セクション見出し ／ WHAT'S NEW
24px / 800 (Heavy) / line-height 1.5 / FOT-筑紫ゴシック Pro Hセクション h2
記事中見出し ／ 取材ノートから
19px / 700 (Extra Bold) / line-height 1.47 / FOT-筑紫ゴシック Pro E本文中の中見出し p
小見出し ／ カードタイトル
16px / 700 / line-height 1.43 / FOT-筑紫ゴシック Pro Eカード h3/h4
本文テキスト ／ BRUTUS の Web 版は、雑誌特有のタイトな組版を踏襲しています。本文 18px に line-height 1.5、letter-spacing は normal。palt は使わず、句読点の余分な空きをそのまま残すことで、誌面のリズムを保ちます。
18px / 400 / line-height 1.5 / letter-spacing normal / FOT-筑紫ゴシック Pro B本文 p
FEATURE / RECOMMEND
19px / 800 / Futura PT / uppercase / letter-spacing 0.04em英字大タイトル
2026.01.23 / WATCHES
13px / 600 / Futura PT / uppercase / letter-spacing 0.05em日付・カテゴリラベル
WHAT'S NEW 新着記事
WATCHES
2026.01.23 / WATCHES
機械式時計を旅する、もう一つの時計案内
BRUTUS No. 1004
FOOD
2026.01.18 / FOOD
夜更けに通う、東京・小さなビストロ案内
BRUTUS No. 1003
CULTURE
2026.01.10 / CULTURE
瀬戸内国際芸術祭2025、島々を旅する。
BRUTUS No. 1002
TRAVEL
2025.12.20 / TRAVEL
京都の冬、底冷えの街で見つけた一杯。
BRUTUS No. 1001
RECOMMEND 注目のコンテンツ
DESIGN
SPECIAL / DESIGN
日本のグラフィック、これからの 100 年
SPECIAL
SPECIAL / 限定特集
2026年、買って良かったもの100選
CRAFT
FEATURE / CRAFT
職人の手仕事、京都・西陣を訪ねる旅
CATEGORY BADGES カテゴリバッジ
FEATURE CULTURE LIFESTYLE CRAFT TRAVEL FOOD SPECIAL WATCHES
配信停止 Dark CTA · #191919 / 18px
FORMS フォーム要素
デフォルト — border 1px solid #eaeaea / radius 0
フォーカス — border 2px #191919
SPACING スペーシング
XS · 4px
S · 8px
M · 16px
L · 24px
XL · 32px
XXL · 64px