![見出し画像](https://assets.st-note.com/production/uploads/images/78986516/rectangle_large_type_2_edf2b89887ac00876f29072bc208caaa.png?width=1200)
#1日1サイトレビュー 105 イベントスタジオ
愛知・岐阜・三重のイベント・プロモーション・キャンペーンの企画・運営・制作を総合的にサポートする会社。
上から下に上がっていくアニメーションが気持ちいい!
フォント
・Josefin Sans
https://fonts.google.com/specimen/Josefin+Sans#about
この書体のアイデアは、幾何学的でエレガント、そしてヴィンテージ感のある、大きなサイズでの使用を想定したものである。1920年代の幾何学的なサンセリフのデザインにインスパイアされている。ベースラインからキャップハイトまでの高さの半分がXハイトという珍しいプロポーション。
姉妹品に「Josefin Slab」があります。
![](https://assets.st-note.com/img/1653096756375-hIlsbUZaiC.png?width=1200)
・sans-serif
![](https://assets.st-note.com/img/1653096775448-uf1j9HPxMw.png?width=1200)
カラー
![](https://assets.st-note.com/img/1653097064418-Pl2F1oAfzm.jpg?width=1200)
感想・考察
(1)上から下に上がってくるアニメーションが素敵なfv
Pixi.jsを使っている?
domのcssのtransformの値をいじっている。
すごい、fpsが落ちた時の対策までしてある。
写真が動くのはgifを使ってる。
マウスカーソルの場所によって上昇の推移を変えている。
![](https://assets.st-note.com/img/1653097326725-laNx3Se9Jy.png?width=1200)
(2)フラットなデザインとgifがかわいい
Event studioのロゴとフラットなデザインがとてもあっている。
![](https://assets.st-note.com/img/1653098277524-Sw1MyysYC8.png?width=1200)
![](https://assets.st-note.com/img/1653098495298-PTckbdIkGJ.png?width=1200)
(3)Futuraに似た、幾何学的なフォントがエレガントさを演出する
このフォントgoogle fontで使えたんだ!
wがfuturaと似てない?
![](https://assets.st-note.com/img/1653098652611-OhfIqefuLu.png?width=1200)
![](https://assets.st-note.com/img/1653098923551-ZSAoNFANhu.png)
この記事が気に入ったらサポートをしてみませんか?