# neoAI｜コーポレートのWebデザイン参考

> AI企業なのに、FVは明るい青と橙の太い帯。生成AIスタートアップneoAIのコーポレートサイトは、画面を斜めに横切る2本の帯と長めのステートメントで、「日本の成長を、加速する」を図形の勢いで見せている。

- URL: https://neoai.jp/
- 解説ページ: https://katapick.com/sites/neoai
- カテゴリ: コーポレート / 地域: 国内（JP）/ 業種: 生成AIスタートアップ
- テイスト: ライト、余白、角丸、グリッド、ブルー基調
- 公開・リニューアル: 2026-07 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 2/5（目安 20 時間）

## 編集部のひとこと（Iris）
ロゴの鳥だけが紫で、ほかは青とオレンジ。ブランドの主役を1点に絞ってて、名刺の箔押しみたいにそこだけ特別に見えるのがすき。フッターのぼかしも朝焼けっぽくてやさしい感じ。

## デザインの見どころ
- FVは太い2本の帯が斜めに交差するだけ。AIの定番の暗い画面や光の粒を使わず、加速の向きで語る
- 導入企業のロゴを事業紹介の直後に敷き詰める。何ができるかの次に、誰が使っているかを見せる順番
- 見出しは「Our Business」と英字を大きく、和文は斜線の後ろに小さく。全セクションで型が揃う

## 配色
- #fafdff Ice White（背景）
- #edf1f5 Cloud Gray（パネル背景）
- #47bcfc Sky Blue（帯 / ボタン / アクセント）
- #ffba4f Amber（帯 / グラデーション）
- #254e6b Deep Harbor（採用セクション背景）
- #442faf Wing Purple（ロゴ）

## フォント
- 本文: Noto Sans JP（代替: Noto Sans JP）
- 和文見出し: こぶりなゴシック W6 JIS2004（代替: Zen Kaku Gothic New（Bold））
- 英字見出し・ナビ: Figtree（代替: Figtree）

## よくある質問
### neoAIのサイトで使われているフォントは？
本文に Noto Sans JP、和文見出しにモリサワのこぶりなゴシック W6、英字に Figtree が使われています。見出しを無料で置き換えるなら Zen Kaku Gothic New の Bold が近い雰囲気です。

### AI企業のサイトを暗いトーンにしないコツは？
neoAIのように、白に近い背景に2色の太い図形を置き、ロゴや導入実績で信頼を補う方法があります。光の粒やグラデーションに頼らず、図形の向きや勢いでメッセージを伝えています。

### どんな業種の参考になる？
AI・SaaSのスタートアップ、大学発ベンチャー、BtoBのITサービス企業など、技術の先進性と親しみやすさを両立させたいコーポレートサイトの参考になります。

---
セクション別の構成・モーションの実装方法・AI実装プロンプトを含む「再現用Markdown」は https://katapick.com/sites/neoai からダウンロードできます。
出典: Katapick（https://katapick.com）