Custom Order Suit & Shirt

あなただけの一着を、
オンラインから。

FABRIC TOKYO のデザインシステムをカタログ化したプレビューです。computed style 実測値に基づき、カラー、タイポグラフィ、コンポーネント、レイアウトトークンを可視化しています。

オーダーを始める 来店予約

01 / Colors

カラーパレット

Primary
Primary Dark
#333333
テキスト・CTA 背景・タグ
Black
#000000
フッター背景
White
#ffffff
ページ背景・CTA テキスト
Surface
Surface Gray
#edf0f2
商品カード背景・セクション面
Info Surface
#eff6ff
案内・注意書き面
Text & Border
Text Primary
#333333
本文テキスト
Muted Text
#95a0a5
補足テキスト・プレースホルダー
Secondary Gray
#9ca3af
非アクティブタグ
Border
#d1d5db
区切り線・入力欄ボーダー
Semantic
Danger
#dc2626
エラー・削除(推奨)
Success
#16a34a
成功・完了(推奨)
Warning
#d97706
警告・注意(推奨)

02 / Typography

タイポグラフィ階層

あなただけの一着を、オンラインから。 — H2 Main
20px / 400 / line-height 2.0 / letter-spacing 0.075em / palt: ありメイン見出し
PICKUP — H2 Section (English)
18.75px / 700 / line-height 1.5 / letter-spacing 0.1em / uppercaseセクション見出し
カスタムオーダースーツ — H3 Product
15px / 400 / line-height 1.5 / letter-spacing 0.05em商品名
本文テキスト — FABRIC TOKYO は体型データをもとに、あなただけの一着をつくるカスタムオーダーブランドです。日本語の組版において letter-spacing: 0.05em をボディにも適用するのが本ブランドの大きな特徴。ゆとりあるトラッキングがラグジュアリーな印象を生み出します。
14px / 400 / line-height 1.5 / letter-spacing 0.05em本文
ORDER · SUIT · SHIRT · CASUAL — Nav
12.5px / 500 / line-height 1.5 / letter-spacing 0.1em / uppercaseナビゲーション
補足テキスト — お届けは約4週間後となります。採寸データは保存され、次回以降のオーダーにもご利用いただけます。
14px / 400 / line-height 1.5 / letter-spacing 0.05em / color #95a0a5Muted
FABRIC TOKYO © 2025 — Footer
11px / 400 / letter-spacing 0.1em / Lato / white on blackフッター
¥38,000 (税込)
Lato 300 / 28px / 数字・価格表示商品詳細

ORDER ITEMS

カスタムオーダースーツ

¥38,000〜(税込)

カスタムオーダーシャツ

¥6,500〜(税込)

カジュアルジャケット

¥22,000〜(税込)

カスタムオーダーパンツ

¥16,000〜(税込)

04 / Article

オーダーフローの組版サンプル

カスタムオーダーの流れ

FABRIC TOKYO のオーダー体験は、店舗での採寸からスタートします。一度計測すれば、体型データはクラウドに保存。以降はオンラインからいつでもオーダーが可能です。

STEP 01 — MEASUREMENT

全国の店舗で約30分の採寸を行います。肩幅、胸囲、ウエスト、股下など20箇所以上を計測し、3Dデータとして記録。骨格や姿勢の特徴も反映されます。

スーツのフィット感は、生地の落ち感とあわせて最終調整します。Super 120's 以上のウール素材は、ドレープ性が高く、身体に沿うシルエットが生まれます。

STEP 02 — FABRIC

200 種類以上の生地から、用途と好みに合わせてお選びいただけます。ビジネスシーンには通気性の高いトロピカルウール、カジュアルにはコットンリネンがおすすめです。


05 / Buttons

ボタンバリエーション

削除する
Danger Pill
オーダーを始める 来店予約

PICKUP

初めてのオーダースーツガイド

採寸から受け取りまで、カスタムオーダーの全工程を写真つきで解説。初めての方も安心してオーダーいただけます。

詳しく見る

2025 春夏コレクション

トロピカルウールやリネン混紡など、春夏に最適な新作ファブリックが入荷。涼しげなネイビーとグレーを中心にラインナップ。

コレクションを見る

お手入れガイド:ウールスーツ編

ブラッシングの方法からクリーニングの頻度まで。正しいケアでスーツを長く美しく保つためのポイントをまとめました。

ガイドを読む

07 / Forms

フォーム要素

デフォルト — border: #d1d5db, radius: 9999px
フォーカス — border: #333333, shadow: rgba(51,51,51,0.12)
正しいメールアドレスを入力してください。
エラー — border: #dc2626 (danger)
同意してログイン

08 / Elevation

Depth & Elevation

Level 0: Flat
影なし、ボーダーのみ
Elevation 1
0 2px 8px rgba(0,0,0,0.06)
Elevation 2
0 8px 24px rgba(0,0,0,0.08)
Elevation 3
0 16px 40px rgba(0,0,0,0.10)

09 / Layout

スペーシング & レイアウト

Spacing Scale (8px base)
4
1
8
2
12
3
16
4
24
5
32
6
48
8
64
10
80
12
Border Radius
4px
SM
8px
MD
16px
LG
24px
XL (Card)
9999px
Pill
Content Widths
Max Content 960px
Article 620px
Form Container 480px