--theme-color という 1 つの変数を差し替えるだけでページ全体の面色が変わる。どれも明度が非常に高く彩度が低いのは、写真の色を邪魔しないため。

ボタンに面色を塗らない。塗りボタンはランキングの選択タブだけで、それ以外はすべて 1px solid のゴーストピル。濃色セクション上では枠と文字を白に反転する。

奥行きは 白 × 6 色パステル × ブルーグレー #6f7f89 × シルバー #adb8c3 × ダークグレー #333333 の面のコントラストだけで作る。写真そのものが最大の「面」であり、そこに影を足さない。

セクション間 80px、ブロック間 48px、グリッドの溝 48px。溝が広いのがメディアらしい余白設計で、画像は角丸なしの矩形のまま並べる。