# 207株式会社（ニーマルナナ）｜コーポレートのWebデザイン参考

> 事業の説明より先に、物流の街を丸ごと描いてる。物流テック企業207株式会社のコーポレートサイトは、ロボットやドローンが行き交うアイソメトリックの街で、ラストマイル配送の全体像を一枚で掴ませる。

- URL: https://207-inc.com/
- 解説ページ: https://katapick.com/sites/207-inc
- カテゴリ: コーポレート / 地域: 国内（JP）/ 業種: 物流テック・ラストマイル配送
- テイスト: イラスト、写真主体、スクロール演出、角丸、ロングページ、ライト
- 公開・リニューアル: 2026-09 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 4/5（目安 32 時間）

## 編集部のひとこと（Iris）
セクションの地が、ただのグレーじゃなくてほんのり紫がかったラベンダーグレーなのがすき。洗いたてのシーツみたいにやさしくて、紺のボタンがきりっと映えるの。

## デザインの見どころ
- 街のイラストはロゴと同じ紫を軸に3色へ絞る。描き込みの多い絵でも、ブランドの色として記憶に残る
- ビジョンは暗い実写に「3〜5年」「2050年」の縦の時間軸。絵から写真へ切り替え、未来を現実の話にする
- 事業紹介は片側だけ大きく角丸にした画像枠を左右交互に。3つのサービスを同じリズムで読み比べられる

## 配色
- #f8f8f8 Off White（背景）
- #222222 Ink（テキスト）
- #000000 Black（ビジョンセクション背景（写真の下地））
- #ebebf2 Lavender Gray（セクション背景）
- #24274a Midnight Navy（ボタン・メニューボタン）
- #307add Logistics Blue（セクション背景（フルページ未撮影範囲））

## フォント
- 見出し・本文: Noto Sans JP（代替: Noto Sans JP）
- 英字サブコピー・ラベル: Hanken Grotesk（代替: Hanken Grotesk）

## よくある質問
### 207株式会社のサイトで使われているフォントは？
和文は Noto Sans JP、英字のサブコピーやラベルには Hanken Grotesk が使われています。どちらも Google Fonts で無料で利用できます。

### ビジョンを年代順に見せるセクションはどう作る？
写真と見出しのセットを年代ごとに用意し、GSAP ScrollTrigger でセクションをピン留めしてスクロール量に応じて切り替えるのが一般的です。左側に縦線と年代ラベルを固定すると時間の流れが伝わりやすくなります。

### 207株式会社のデザインはどんな業種の参考になる？
物流・モビリティ・SaaSなど、事業の全体像をイラストで、将来像を写真とストーリーで伝えたいスタートアップのコーポレートサイトの参考になります。

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