-apple-system, "system-ui", Arial, sans-serif)で組み、行間 1.71・字間 .09375em を守ります。字間は px ではなく em で持つため、サイズが変わっても比率が崩れません。薄く焼いた生地で粒あんを包んだ、しっとりとした半生菓子です。「つばらつばら」は万葉集にある言葉で、しみじみ、心ゆくままにという意味。名の通り、ゆっくりと味わっていただきたい一品です。
見出しは明朝で立て、説明はゴシックで組む。書体で役割を分けることで、装飾を足さずに階層をつくります。字間は全サイズ共通の .09375em、行間は明朝 1.5 / ゴシック 1.71。
影は em 基準の 2 枚重ね。要素の font-size に比例して大きさが変わるため、下の 4 枚はすべて同じ CSS で、font-size だけが 9.75 / 10.5 / 15 / 40.5px と異なります。
一般的な 1200px より広い 1600px。写真を大きく見せるための設定です。ブレークポイントは 1024px と 1280px の 2 つだけ(モバイルファースト)。
dnp-shuei-mincho-pr6n(DNP 秀英明朝 Pr6N / Adobe Fonts)。ドメインライセンスのためローカルでは表示できず、Shippori Mincho に差し替えています。本文は実サイトと同じくシステムフォントです。