影は消える。境界線に仕事を移す

明色では影が奥行きを作りますが、暗背景の上に黒い影を落としてもほぼ見えません。暗色では影を消し、代わりに境界線と面の明度差で階層を表します。

持ち上がった面
もう一枚

明色前提のロゴは浮く

白地に置く前提で作られたロゴを暗背景にそのまま置くと、そこだけが光って見えます。明度と彩度をわずかに落とすと馴染みます。写真には当てないでください。

Console

純白と純黒を使わない

暗背景に #fff の本文を置くと眩しく、長文で目が疲れます。#e7ecf4 のように少し落とすだけで読みやすさが変わります。背景も #000 ではなく #0f131b のように色味を持たせたほうが、明るい部屋でも沈みません。