Layout

余白と寸法のスケール。gap や padding の値はこのスケールから選び、スケール外の直値を増やさない。

スペーシング

角丸

コンテンツ幅

本文カラムは --content-width = 42rem。 このページの幅がそのまま実物。

影

影はボタンなど操作要素の浮きにだけ使い、区切りには使わない(区切りは1pxの境界線)。

選択色

この段落を選択すると --c-selection が現れる。ライトでは淡い黄、ダークでは深い黄土。