IGUAZU / DESIGN.md
デザインプレビュー
株式会社イグアスのデザイントークン参照ページ — AI エージェント・社内資料・Web 開発の共通リファレンス
1 — Color Palette
Primary
#0077C8
Prim. Dark
#005A96
Prim. Light
#E8F4FC
Text Pri.
#1A1A1A
Text Sec.
#555555
Muted
#888888
Surface
#F5F5F5
Border
#DDDDDD
テーマカラー #0077C8（イグアスブルー）を軸に、IBM ブルーと調和する色調で構成。
2 — Typography
新たな価値創造
IT市場をナビゲート
製品・ソリューション
ディストリビューション事業
イグアスはIBMのVAD事業を基盤に、新しく優れたIT製品・ソリューション・サービスを揃えて、専門性と最適な方法でお客様に提供します。
2026/03/23 ・ お知らせ
BUSINESS & PRODUCTS
和文: Noto Sans JP → Hiragino Kaku Gothic ProN → Yu Gothic 欧文: Helvetica Neue → Arial
font-feature-settings: "palt" 1, "kern" 1 を有効化
3 — Buttons & Tags
ボタン
タグ・バッジ
プライマリボタン: #0077C8 地 / 角丸 4px セカンダリ: ボーダー 1px タグ: Primary Light 地 + Primary Dark テキスト
4 — Navigation
5 — Section Heading
BUSINESS & PRODUCTS
事業と製品・サービス
LATEST NEWS
最新情報
PICK UP
ピックアップ
英語サブタイトル（11px / ブルー / ls:0.14em）+ 日本語見出し（1.25rem / Bold）+ 左ボーダー 4px #0077C8
6 — Card / News List
2026/03/23
お知らせ
当社社員3名がIBM Champion 2026に認定されました
2026/03/02
プレスリリース
イグアス、「IBM Bob」の活用を加速する新サービスを提供開始
2025/10/14
イベント・セミナー
AIが拓くIRの未来 ― 海外投資家と企業をつなぐ新たな選択
カード: 白背景 / ボーダー 1px / 角丸 8px 日付（muted）+ タグ + タイトル（600）の3要素構成
7 — CTA Block
8 — Hero Section
9 — Spacing Scale
xs
4px
4px
sm
8px
8px
md
16px
16px
lg
24px
24px
xl
40px
40px
xxl
64px
64px
section
80px
80px
セクション間余白: 80px（PC）/ 48px（モバイル） コンテンツ最大幅: 1200px