Specimen Room

美しいWebデザインの標本室

明朝体が美しい教育系採用ページ

f:id:glace_if:20210320160847p:plain

採用情報|公文教育研究会

https://www.kumon.ne.jp/job/

 

COPY

人の可能性が、次の世界をつくる。

 

SITEMAP

TOP

  • FEATURE
  • WORK & STORY
  • CULTURE

 

FONT

'Noto Serif JP’, Noto Sans JP

Cormorant Garamond

本文:font-size: 14px;

見出し:font-size: 30px;

 

CONTENTS WIDTH

PC

|——(160px) —— (1044px) —— (160px) ——|

max-width: 76.47%;

 

SP

|——(30px) —— (315px) —— (30px) ——|

max-width: calc(100% - 16vw);

 

COLOR

文章:#1e1e1e;

アクセント:#72c9f3;(薄い青)

 

MEMO

  • 教育系のブランドは青が多い印象があります。爽やかさと知的な演出に相応しいからかな?と思いました。
  • タイトルなどに大きめの明朝体を使っており、丁寧な印象ですがインパクトがありグッときます。KVなど重要なところは画像になっており、文字詰めをしているのかもしれません
  • 配色について。白をベースに、メインに水色を使っています。さらに、コンテンツの色分けに金と紺を少量使用していて、メインカラーに馴染む色使いが参考になります。

 

ワイヤートレース

Adobe XD