IGUAZU

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

display
2rem / 700
ls: 0.02em
新たな価値創造
h1
1.75rem / 700
ls: 0.02em
IT市場をナビゲート
h2
1.375rem / 700
ls: 0.02em
製品・ソリューション
h3
1.125rem / 600
ls: 0.02em
ディストリビューション事業
body
0.9375rem / 400
lh: 1.8 / ls: 0.04em
イグアスはIBMのVAD事業を基盤に、新しく優れたIT製品・ソリューション・サービスを揃えて、専門性と最適な方法でお客様に提供します。
caption
0.75rem / 400
color: muted
2026/03/23 ・ お知らせ
en-label
0.8125rem / 500
Helvetica / ls: 0.14em
BUSINESS & PRODUCTS

和文: Noto Sans JP → Hiragino Kaku Gothic ProN → Yu Gothic 欧文: Helvetica Neue → Arial
font-feature-settings: "palt" 1, "kern" 1 を有効化

3 — Buttons & Tags

ボタン

もっと見る →

タグ・バッジ

プレスリリース お知らせ イベント・セミナー IBM Champion

プライマリボタン: #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

パートナー契約をご検討の方へ
取扱製品・サービスなどについてのご質問はこちらよりお問い合わせください。

CTA: Primary ブルー背景 / 白テキスト / ピル型ボタン(border-radius: 100px)

8 — Hero Section

IGUAZU — CREATE NEW VALUE
新たな価値創造に
チャレンジ
IBMのVAD事業を基盤に、高度化・複雑化するIT市場を高い専門性とサポート機能で強力にナビゲートします。

Primary グラデーション背景(#0055A0 → #0077C8 → #1AABF0)/ 白テキスト / ヒーローキャッチコピー

9 — Spacing Scale

xs
4px
sm
8px
md
16px
lg
24px
xl
40px
xxl
64px
section
80px

セクション間余白: 80px(PC)/ 48px(モバイル) コンテンツ最大幅: 1200px