📱現在のウェブサイトのほとんどがスマホで見られてる。
その中で重要な文字の設定。
一昔前はPCの本文12pxだったのが、14pxになり、今はさらに大きい16pxほどのサイトも多数。ちなみにnoteはPC 18px / SP 16px。
ただ、記事系で使う本文と、LPやコーポレートサイトなど一般的なウェブサイトで使用する本文サイズは同じにできないのも悩みどころ。そこで色々対応できる文字セットを作ることにしました。
🤔 最初はAi or XDで作っていたけど...
いつも悩むのがデザインと実装の差。デザインソフトと実装では文字詰めも違うし、ボディサイズも違うし、色々な設定にズレが出る。なら最初からHTMLで作ろうという感じ。
🎉 で、できたテンプレがこれ↓(OGが見にくいのは勘弁)
📌 重要視したところ
🌵 今後調整していきたいところ
てな感じで日々ブラッシュアップしていかないとです。
(スマホ2カラムはそろそろ限界を向かえそう)