日付のマスをクリックすると、ページを再読み込みせずに記事を読み込み、なめらかなアニメーションで切り替えます。記事ページでは同じ月の記事が縦に続き、スクロールに合わせてアドレスバーのURLも切り替わります。いま読んでいる記事をそのまま共有でき、ブラウザの「戻る」操作でもカレンダーに自然に戻れます。

カードやカレンダーのマスの角は、一般的な角丸ではなく、クロソイド曲線で形づくっています。通常の角丸は直線と円弧をそのままつなぐため、つなぎ目で曲がり具合が急に変わり、わずかな硬さが残ります。クロソイド曲線は曲がり具合が少しずつ変わっていく曲線で、直線から角へ途切れなく流れるような輪郭になります。このサイトでは、曲線上の座標をあらかじめ計算し、CSSの clip-path で切り抜いて実現しました。グラデーションにも同じ考え方の減衰カーブを使っています。境目を感じさせないやわらかなトーンが、サイト全体の上質な印象を支えています。

ページを切り替えるときは、画面いっぱいに広がる色面が、波打つように画面を覆い、また引いていきます。この動きは、SVGで描いた曲線の形そのものをアニメーションで変形させて作っています。途中でたわむ曲線の形は、あらかじめ用意した数パターンから遷移のたびにランダムに選ばれるので、同じ動きは二度と繰り返されません。波が押し寄せる方向も操作によって変わります。「前の月」なら左から、「次の月」なら右から、メニューからなら下から波が寄せてきます。どこへ移動したのかが、動きで自然に伝わります。