ほぼ日トレース -006:Loftwork Webサイト②-

前回に引き続き、Loftworkさんのサイトをトレースします。

💿 オリジナル↓

 📀トレース↓

気づいたこと

🤔各見出しの組み合わせが、センター揃えと左寄せで、libre baskerville italic 12px C0A700* proxima nova 28px 333333が逆になっている。バランス的にはどちらかに揃えてもあり得そうですね。

🤔各日本語タイトルやpタグに、font-feature-settings:palt;が記述されていて、文字詰がされている。（一応Sketchでも文字詰、できるらしい。古めの記事になりますが以下参照：https://creative-tweet.net/blog/2014/10/apply-proportional-metrics-on-sketch.html）

🤔How We Workの写真に対する、記事タイトル/紹介文の四角は100px下にずれている。

（四角形のサイズに関わらず100px）

今日はざっとですがこんな感じ。
余白を堂々と使った誘導リンクや、記事スライドのレイアウト方法とか真似したいものです。