https://www.kai-group.com/products/brand/select100/

■ターゲット
・20代
・カルチャーに興味がある人
・渋谷系(?)

■特徴
これまでの「福祉」のイメージを大胆に変えるデザイン。
福祉にそれほど興味がない人でも、新しい形で福祉と関わるきっかけとなるWEBサイト

■スプレッドレイアウト

FVは左右で分かれており、テーマごとに違いにスライドが変化していくデザイン。
ロゴのトンマナにあった、太めのラインを活用したデザイン。(ここ最近のトレンド)

■アクセントカラー : なし

記事ごとに色が変化する、アクセントカラーのないデザイン。
濃いめの色を使用し、多くであしらわれている線ともマッチしている。

■あしらい：　吹き出し、太めの線

吹き出しのあしらいが背景や写真に活用されている。
また、最近のトレンドである太めの線も活用されている。

■サムネイルの並べ方
マスタードなきもち| Webサイト100選 No.105 こここ
斜めに並べることで視点移動を誘導している。
レイアウトに動きも出てくるので今度使いたいレイアウト。

■左に縦書き見出し

こちらもいつか使いたい技。
見出しを全カテゴリで統一するのではなく、縦書き、中央寄せなど、見た目に変化を出していくことで動きが生まれる◎

■フォントサイズ(Font:YakuHanJP, Inter)
・カテゴリ見出し / 62px
・サムネイル見出し / 20px – 1.3
・Pick Up 見出し / 25px – 1.3
・注目記事タイトル / 38px – 1.2
・Book見出し / 24px – 1.2
・Index / 26px – 1.3 (読ませる文字は少し大きめ？)
base: 14px – 1.8