![見出し画像](https://assets.st-note.com/production/uploads/images/78701986/rectangle_large_type_2_6b841759f5f0bca116ad09acd3df479e.png?width=1200)
#1日1サイトレビュー 100 Renoca by FLEX
Renocaのカーシュミレーターサイト
色鉛筆風の写真がすごく良いサイト
フォント
・Montserrat
https://fonts.google.com/specimen/Montserrat#about
ブエノスアイレスの伝統的なモンセラット地区にある古いポスターや看板から、ジュリエッタ・ウラノフスキーはこの書体をデザインし、20世紀前半に出現した都市のタイポグラフィの美しさを救い出すことを思いついた。都市開発が進むにつれ、その場所は元の姿に戻ることはなく、特別でユニークなデザインは永遠に失われてしまう。このプロジェクトのインスピレーションとなった文字には、仕事、献身、ケア、色、コントラスト、光と生命、昼と夜があるのです これらは、街を美しく見せるためのタイプです。モンセラット・プロジェクトは、モンセラットにあるものを救出し、SIL Open Font Licenseというリブレ・ライセンスのもとで自由にしようという考えから始まりました。
これは通常のファミリーで、今のところAlternatesとSubrayadaという2つの姉妹ファミリーがあります。Alternatesファミリーでは多くの字形が特殊で、「Subrayada」はスペイン語で「下線」を意味し、Montserrat界隈で見られる字形に組み込まれた特殊なスタイルの下線を称えています。
![](https://assets.st-note.com/img/1652713912787-GoHSB03NsO.png)
・Source Han Sans Korean
![](https://assets.st-note.com/img/1652713901861-OCpIpJSLAa.png?width=1200)
カラー
![](https://assets.st-note.com/img/1652714154887-TUBQLhyuX3.jpg?width=1200)
感想・考察
(1)fvのエモい車が目をひく
エモさは、色鉛筆で買いたかのような加工をしているから。
かつ、Montserratがカジュアルな風合いを演出している。
クリックして欲しいところを一番目立たせてるのも、目的を達成するための手段としてとてもいいと思いました。勉強になります。
fvの要素が多いので右上のハンバーガーメニューは2本になっている。
「Make your」もオリジナル感があってとても素敵
![](https://assets.st-note.com/img/1652714182118-fZ65pAALco.png?width=1200)
![](https://assets.st-note.com/img/1652714189832-E9uG5oAOpr.png?width=1200)
![](https://assets.st-note.com/img/1652714197564-GHmXdWJ45d.png?width=1200)
(2)背景のラインがカスタム感を増す
自分でデザインする>>設計する、つまり線を引く
という感じで背景のラインがデザインをより感じさせてくれる。
ただの白背景ではなく、ラインがあるだけで全然違う
![](https://assets.st-note.com/img/1652714335293-pIUQqPzBfX.png?width=1200)
(3)three.js?を使っているのかすごい!
シミュレーションツールがすごい!かつわかりやすい。
canvasを使っているので、three.jsかもしれない
でも、three.jsを読み込んでそうな形跡がないし2Dなので違うか…
![](https://assets.st-note.com/img/1652714516404-sYldGeQCxD.png?width=1200)
この記事が気に入ったらサポートをしてみませんか?