SEARCH
PLATINUM
JAPAN 1919
LANGUAGE
TOP > ブランド一覧 > 出雲

急がず淀みなく精緻な技巧を紡ぎ出す

日本の神々が年に一度集まり、太古より祀られる場所。その地の名を冠した万年筆は、八雲塗りの艶やかな軸に、幾重にも塗り重ねた漆の層を宿す。

VIEW MORE
COLOR
配色

彩度を持つブランドカラーが無い。黒・白・グレーだけで組み、色は製品写真が担う。黒が2つある(#040000 と #131312)のは実装の実態で、テキストと ナビ・ラベルで使い分けられている。

ヒーローは黒(viewport 最大面積 1,134,720 px²)、その下のコンテンツは白の2層構造。pageBackground.resolved は #ffffff(根拠 body)だが、「このサイトは白地」とも「黒地」とも書けない。

Ink Black
#040000
本文・見出し。可視 137 要素 / CSS 9 回。純黒ではない
Charcoal
#131312
ナビ・カテゴリラベル。可視 18 要素 / CSS 5 回
Black(面)
#000000
ヒーロー・ヘッダー・ボタンの塗り面
White
#ffffff
黒面の上のテキスト。可視 53 / 42 要素
Gray
#666666
カルーセルのインジケータ(可視 26 要素)
Gray Light
#9e9e9e
インジケータの非選択(可視 4 要素)
Surface
#f7f7f7
セクションの面。可視 2 要素 / CSS 4 回
Overlay
rgba(0,0,0,.4)
写真の上に文字を置くときの調整(2 要素)
TYPOGRAPHY
書体

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 で小さく添えるのが型。

出雲
30px / 500 / line-height: normal / letter-spacing: normalページ見出し(h1)
急がず淀みなく精緻な技巧を紡ぎ出す
25px / 500 / line-height: 1.50 / letter-spacing: .05emブランドの惹句
IZUMO'S LINEUP
出雲の商品
英字 18px / 500 / .06em(urw-din)+ 和文 10px / 500 / .1emセクション見出しの型
商品情報 新着情報 スペシャル 取扱店舗
12px / 600 / line-height: normal / letter-spacing: .12emグローバルナビ
八雲塗り 『八雲白檀』
13px / 500 / line-height: 1.30 / letter-spacing: .1em商品名。下層 45 要素
#19 ヤクモビャクダン 万年筆の仕組み 加飾技法と軸素材 ペンポイントの種類
10px / 500 / line-height: 1.30 / letter-spacing: .04em一覧ラベル。下層 107 要素で最多
SEARCH LANGUAGE GIFT VIEW MORE
11px / 500 / line-height: 1.00 / letter-spacing: .06em(urw-din)UI ラベルはすべて英字書体
2026.9.28 プレスリリース
12px / 500 / letter-spacing: .06em
FONT WEIGHT
太さ

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段で組む。

万年筆
400 Regular
本文・カテゴリ(28 要素)
万年筆
500 Medium
★最多(161 要素)。既定の太さ
万年筆
600 SemiBold
ナビのみ(9 要素)
万年筆
700 Bold
実測 0 要素。使わない
COMPONENTS
部品

角丸は 0px、影は実測 0 種 / 0 要素。角丸が付く唯一の要素はカルーセルのドット(50%)。ボタンの枠は 2px で、1px ではない。

プレスリリース
八雲塗り 『八雲白檀』
#19 ヤクモビャクダン
センチュリー 3776
PNB-15000 ブルゴーニュ
プレジデント
PTB-20000 ブラック
プロシオン
PNS-5000 ディープシー
LAYOUT & RESPONSIVE
レイアウト

コンテナは 1014px(半端だがこれが本文幅)。ブレークポイントは 768px の1本だけで、タブレット専用のレイアウトを持たない。prefers-reduced-motion に対応している。

NameQueryCSS 出現
Mobilescreen and (max-width: 767px)524 回
Desktopscreen 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 で固定。流体ではない。