日本の神々が年に一度集まり、太古より祀られる場所。その地の名を冠した万年筆は、八雲塗りの艶やかな軸に、幾重にも塗り重ねた漆の層を宿す。
VIEW MORE彩度を持つブランドカラーが無い。黒・白・グレーだけで組み、色は製品写真が担う。黒が2つある(#040000 と #131312)のは実装の実態で、テキストと ナビ・ラベルで使い分けられている。
ヒーローは黒(viewport 最大面積 1,134,720 px²)、その下のコンテンツは白の2層構造。pageBackground.resolved は #ffffff(根拠 body)だが、「このサイトは白地」とも「黒地」とも書けない。
Adobe Fonts(Typekit kit: ezj0xos)から3本。欧文 myriad-pro、和文 kozuka-gothic-pr6n(小塚ゴシック Pr6N)、ラベル用に urw-din。body のスタックは欧文が先頭の和欧二層で、英数字だけ Myriad Pro、かなと漢字は小塚ゴシックに落ちる。
Adobe Fonts はドメインライセンスのためローカルでは表示できない。このプレビューは Source Sans 3 / Noto Sans JP / Archivo で代替している。セクション見出しは英字(urw-din 18px)の下に和文を 10px で小さく添えるのが型。
font-weight: 700 が 1 要素も無い。 実測は 500 が 161 要素で最多、次いで 400(28)・600(9)。CSS 全文でも font-weight: 500 が 83 回で圧倒的。太字を書かない設計で、強調はサイズ(10px ↔ 25px)と字間(.04em ↔ .12em)でつける。
Typekit が配信しているのは fvd=n4(Regular)と fvd=n7(Bold)の2本。CSS が当てている 500 / 600 は、その間で最近傍に寄る。新規実装では 400 と 500 の2段で組む。
角丸は 0px、影は実測 0 種 / 0 要素。角丸が付く唯一の要素はカルーセルのドット(50%)。ボタンの枠は 2px で、1px ではない。
コンテナは 1014px(半端だがこれが本文幅)。ブレークポイントは 768px の1本だけで、タブレット専用のレイアウトを持たない。prefers-reduced-motion に対応している。
| Name | Query | CSS 出現 |
|---|---|---|
| Mobile | screen and (max-width: 767px) | 524 回 |
| Desktop | screen and (min-width: 768px) | 219 回 |
| 補助 | (min-width: 600px) | 4 回 |
| モーション | (prefers-reduced-motion: reduce) | 4 回 |
実サイトに、絶対にマッチしない条件が 2 件ある。 screen and (min-width: 768px) and (max-width: 767px) は下限が上限を上回っているため、この中の宣言はどの画面幅でも適用されない。複製したコードの書き換え漏れとみられる。真似しないこと。
ルートの font-size は 4 幅(1440 / 1200 / 834 / 375px)すべてで 10px、body は 15px で固定。流体ではない。