採用バナーセクション

このパーツの使いどころと実装ポイント

濃紺の背景に、カラフルなぼかしの光を散らしたカジュアルな採用バナーです。::beforeと::afterの疑似要素で青と赤の円を作り、filter:blur(80px)で大きくぼかして背景に動きを出しています。中央にはWE'RE HIRINGの英字ラベル、親しみやすい見出し、本文、丸い白ボタンを縦に配置し、気軽に応募できる雰囲気を前面に出しています。

向いている場面

コーポレートサイトのトップや会社紹介ページから採用ページへ送る導線、スタートアップやクリエイティブ系企業の「カジュアル面談歓迎」の呼びかけなどに向きます。かしこまった求人より、まず興味を持ってもらいたい場面に合います。

カスタマイズと注意点

• ぼかし円の色（青と赤）を変えるだけで、ブランドカラーに合わせた印象に調整できます。落ち着かせたい場合はopacityを下げてください。
• 見出しの文言を会社の人柄が伝わる言葉にすると効果的です。ボタンのリンク先には採用ページや募集要項のURLを指定します。
• ぼかしは画像ではなくCSSだけで描いているので軽量です。画面幅720px以下では見出しが24pxに縮み、スマホでも収まります。白ボタンと濃紺の背景はコントラストが十分です。