polcaのLPをトレースして気づいた事を備忘録的にまとめました。 トレース結果 文字についてトレースした目的の一つに有名サービスのLPはどのようにタイポグラフィを定義しているのかを知りたいというのがありました。 今回のケースでは、14pxをhtml全体のフォントサイズの基準として、emでその他のフォントサイズを決定しているようでした。Sketchでトレースしていてなんかテキストがうまく重ならないな、というときはフォントサイズが小数点になっていないかブラウザの開発者ツールで調べてみるといいと思います。 色についてメインのテキストカラーは#333ですが、情報の優先度を落としたい場合に、#666を使用していました。例えば、注釈のテキストよーく観察してみると、米印と数字の部分は#333なのですが、そのあとに続く文章は#666になっています。また、例外的にフッター部分だけは#000が使用されていま
![フレンドファンディングアプリ、polcaのLPをトレースして気づいたこと。|haseshun](https://cdn-ak-scissors.b.st-hatena.com/image/square/f4fe813bc39f7a3a6f9e6104b10b012b1ae50bf9/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F5312548%2Frectangle_large_bf2fc17f04335f7b3a063b48b87c9f8c.jpg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)