DESIGN SYSTEM PREVIEW

旅するように毎日を過ごす

TRAVELER'S COMPANY のデザインシステム。欧文先頭（Helvetica Neue）のフォールバックチェーンにヒラギノ角ゴ ProN W3 を続ける。weight は 400 / 700 のバイナリ。角丸ゼロ、palt 未使用。ダーク面 #222222 をブランドの骨格とし、純白背景と組み合わせるシャープでクラフト感のある構成。computed style 実測値（2026-05-08 取得）に基づく。

VIEW PRODUCTS

Palette カラーパレット

Brand

Brand Dark

#222222

ナビドロップダウン・フッター・CTA面

Page White

#ffffff

ページ背景

Link Blue

#336699

テキストリンク

Neutral

Text Primary

#000000

本文テキスト

Light Gray

#dddddd

ボーダー・カルーセルドット

Mid Gray

#777777

アクティブインジケータ

Muted Gray

#888888

装飾・サブテキスト

Typography タイポグラフィ階層

About TRAVELER'S notebook ／トラベラーズノートとは

22px / 400 / line-height 1.2 / letter-spacing 2pxページタイトル h1

PRODUCTS

18px / 700 / line-height 1.0 / letter-spacing 1pxセクション見出し h2

旅を愛するすべての人たちへ

14px / 700 / line-height 1.4サブ見出し h2 small

テキストリンク／リンクカラー #336699 のスチールブルー

13px / 700 / line-height 2.0 / color #336699リンク a

本文テキスト／トラベラーズカンパニーは「旅するように毎日を過ごす」をコンセプトに、トラベラーズノートを中心としたプロダクトを展開しています。Helvetica Neue をフォントスタックの先頭に置き、和文はヒラギノ角ゴ ProN W3 でフォールバック。本文 12px / line-height 1.8 で写真を主役にする控えめなサイズ設計です。

12px / 400 / line-height 1.8 (21.6px)本文 p

ONLINE SHOP

12px / 400 / line-height 2.2 / bg #222222 / color #ffffffバッジ span

TRAVELER'S notebook VIEW ALL

CTA: ダーク塗り #222222（ナビドロップダウン）/ 線ボタン #000（アウトラインCTA）/ radius 0pxボタン

Products プロダクト

NOTEBOOK / 01

TRAVELER'S NOTEBOOK

トラベラーズノートレギュラーサイズキャメル

¥4,950

BRASS / 02

BRASS PRODUCTS