Google 弾むロゴを体験

昔の Google 検索のページ送りには、名前がずらっと長く伸びた Goooooooooooooooooogle の表記がありました。ほんの小さな見た目の遊びでしたが、不思議と印象に残るディテールでした。

このページは、その小さなページ送りのネタを画面の真ん中に持ってきます。長い Goooooooooooooooooogle の文字列が、手で引っ張って遊べるやわらかなロゴトイに変わります。

きっかけは Aleksandr の CodePen 実験です。ここでは、あのシンプルなばねっぽいロゴの気持ちよさを残しながら、デスクトップでもタッチ画面でも触りやすい形に整えました。

ページを開くと、画面いっぱいに長い Goooooooooooooooooogle が横たわっています。文字はひとつずつ隣とつながっているので、どこかを少し引くだけで、動きが全体へ伝わります。

G でも o でも、好きな文字をつかんでみてください。単語が伸びて、少したわみ、ふるっと揺れてから、ゆっくり元の並びに戻っていきます。

各文字は、小さなばねにつながれた部品のように動きます。ひとつをドラッグすると近くの文字も引かれ、手を離すと、ばねの動きと重力がロゴを元の形へ戻してくれます。

このページは、あえて発想を大きくしすぎていません。長い Goooooooooooooooooogle の好きな文字を引っ張ると、ロゴ全体が揺れ、昔のページ送りの小さなディテールが、ただその戻り方をもう一度見たくて触りたくなる小さなトイになります。