ミッションステートメント大判
会社のミッションを大きな1文で見せる、中央寄せのテキストセクションです。上に OUR MISSION という小さな英字ラベル、中央に大判の見出し、その下に補足の説明文という三段構成で、 余白を広く取って言葉そのものに視線を集める のが特徴です。
このパーツの使いどころと実装ポイント
会社のミッションを大きな1文で見せる、中央寄せのテキストセクションです。上にOUR MISSIONという小さな英字ラベル、中央に大判の見出し、その下に補足の説明文という三段構成で、余白を広く取って言葉そのものに視線を集めるのが特徴です。見出しはセリフ体（Georgia）で、温かみのあるクリーム色の背景と組み合わせています。
向いている場面
会社紹介ページの冒頭、採用サイトのトップ、ブランドの世界観を伝えたいランディングページなどに向きます。製造業やものづくり系の企業、デザイン会社、こだわりを言葉で語りたいスモールビジネスとの相性が良いセクションです。
カスタマイズと注意点
- 見出しの
brはあえて文を区切って印象づけるためのものです。文言を変えたら改行位置も読みやすさに合わせて調整してください。 - 背景色やラベルの茶色を変えるだけで、落ち着いた印象から鮮やかな印象まで雰囲気を切り替えられます。
- 見出しの文字サイズは
46pxと大きく、画面幅720px以下では28pxに自動で縮みます。長文を入れると窮屈になるので、1〜2行で言い切る短いコピーが向いています。
よくある質問
見出しの改行位置はどう決めればいいですか？
brタグで文を意味のまとまりごとに区切ると、大判表示でも読みやすくなります。文言を差し替えたら、行末に助詞だけが残らないよう改行位置を調整してください。
ミッション以外の用途にも使えますか？
使えます。ラベルと見出し、補足文の三段構成なので、ビジョンや代表メッセージの導入、サービスのコンセプト紹介など、短い言葉を主役にしたいセクションに転用できます。