# 株式会社MT-D 採用サイト｜採用のWebデザイン参考

> かすれた矢印のコラージュで、ポスターみたいに攻めてる。株式会社MT-Dの採用サイトは、赤い太字の「楽しめるは、強みだ。」と、網点やかすれを重ねた矢印のグラフィックで、広告会社の勢いを一枚の紙面のように見せている。

- URL: https://mtd-inc.co.jp/recruit/
- 解説ページ: https://katapick.com/sites/mt-d-recruit
- カテゴリ: 採用 / 地域: 国内（JP）/ 業種: 総合広告代理店
- テイスト: 大胆なタイポ、レッド基調、ビビッド、レトロ、カルーセル、固定ナビ
- 公開・リニューアル: 2026-08 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 3/5（目安 30 時間）

## 編集部のひとこと（Luna）
英字はUnboundedで横にぶわっと広げて、和文は素直なゴシック。コラージュはうるさいのに、本文の字間はちゃんと空けて読ませてる。そこを分かってるなら……いいね！！

## デザインの見どころ
- 「楽しめるは、」の「は」だけを小さく落とす。助詞のジャンプ率で、コピーに話し言葉のリズムが出る
- 矢印のコラージュはFVとフッターで再登場。ページの始まりと終わりを、同じポスターで挟んでいる
- 赤・青・ピンク・ミントに網点とかすれを足す。デジタルの画面に、刷った紙の手触りが残る

## 配色
- #c30e23 Crimson（コピー / グラフィック）
- #b30318 Deep Red（セクション背景 / ボタン）
- #f9f6f0 Paper Cream（背景）
- #1e2a21 Ink Green（テキスト）
- #2a76b5 Print Blue（グラフィックの差し色）
- #ff94ba Halftone Pink（網点グラフィック）

## フォント
- 和文見出し・本文: Zen Kaku Gothic New（代替: Zen Kaku Gothic New）
- 英字見出し・ナビ: Unbounded（代替: Unbounded）

## よくある質問
### MT-Dの採用サイトで使われているフォントは？
和文は Zen Kaku Gothic New、英字の見出しやナビは Unbounded が使われています。どちらも Google Fonts で無料で利用できます。FVの「楽しめるは、強みだ。」は画像またはレタリングと思われます。

### 網点やかすれのあるグラフィックはどう作る？
形はSVGで描き、網点は radial-gradient を background-size で繰り返して作れます。かすれはテクスチャ画像を mask-image で重ねると、印刷物のような質感に近づきます。

### どんな業種の参考になる？
広告代理店、制作会社、PR会社など、社風の勢いやクリエイティブ力を採用サイトで打ち出したい企業の参考になります。

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