# 社会福祉法人春岡会 採用サイト｜採用のWebデザイン参考

> コピーに塗った色が、そのままボタンの色になってる。社会福祉法人春岡会の採用サイトは、コピーの「気持ち」を緑、「毎日」をピンクに塗り、同じ2色をそのまま募集要項とエントリーのボタンへ引き継ぐ。

- URL: https://recruit.haruokakai.or.jp/
- 解説ページ: https://katapick.com/sites/haruokakai-recruit
- カテゴリ: 採用 / 地域: 国内（JP）/ 業種: 社会福祉法人・介護施設
- テイスト: 写真主体、イラスト、角丸、ライト、固定ナビ
- 公開・リニューアル: 2026-07 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 2/5（目安 20 時間）

## 編集部のひとこと（Bruno）
職種紹介のすぐ後に、先輩インタビューの入口が来るんだよね。「どんな仕事か」の直後に「どんな人がいるか」。求職者が次に気になる順番、そのまま。これはうまい。

## デザインの見どころ
- FVは角丸の縦長写真2枚でコピーを挟む3列構成。現場の表情と言葉を、同じ目線の高さに並べる
- 生成り色の地に淡い雲形を敷く。介護の仕事に通じる柔らかさを、背景の余白から伝えている
- 職種は主要2職種を写真付きカード、他はボタン一覧に。情報に強弱をつけ、次の一歩を選びやすくする

## 配色
- #f3f2ef Oatmeal（背景）
- #ffffff White（カード / セクション背景）
- #73ac27 Leaf Green（メインアクセント / 募集要項ボタン・フッターCTA背景）
- #de839f Blossom Pink（サブアクセント / エントリーボタン）
- #483917 Cocoa Brown（テキスト / ラベル背景）
- #ebe9e2 Cloud Beige（雲形の装飾）

## フォント
- 和文見出し・本文: Zen Kaku Gothic New（代替: Zen Kaku Gothic New）
- 英字見出し・ラベル・日付: Montserrat（代替: Montserrat）

## よくある質問
### 春岡会の採用サイトで使われているフォントは？
和文は見出しから本文まで Zen Kaku Gothic New、英字の見出しやラベルには Montserrat を使っています。どちらも Google Fonts で無料で使えます。

### 介護施設の採用サイトでやわらかい印象を出すには？
生成り色の背景、雲形の装飾、角丸の写真、焦げ茶の文字色、手描きのイラストを組み合わせ、原色や純黒を避けることでやさしいトーンになります。

### このサイトはどんな業種の参考になる？
介護・福祉、保育、医療など、人の温かさや職場の雰囲気を写真で伝えたい施設系の採用サイトの参考になります。

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