Every Layout 公式サイト(https://every-layout.dev/layouts/cover/)分析
書籍「Every Layout」のwebサイトは、モノクロで書かれていて、格好良いデザインのサイトです。太いボーダー使いで、文字も太く書かれています。今回は勉強のために、デザインを分析しました。
font
Helvetica Neue, Helvetica, Arial, sans-serif
Georgia, serif
Barlow Condensed, Helvetica, sans-serif
Menlo, Courier, Courier New, Andale Mono, monospace
白系・黒系
color
白系・黒系
メニュー
PCは左にサイドナビがあります。
スマートフォンは上部に中央配置でハンバーガーメニューがあります。タップすると下へスライドして開き、リンクが左寄せで縦に並んでいます。
まとめ
Every Layoutのwebサイトは、色味が全部モノクロで書かれていて、分かりやすいデザインのサイトです。CSS設計について書かれていて、良い本でした。何度も読んで学びたい書籍です。
初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。
