SEIGENSHA Group
JP EN
新刊 新刊予告 重版 ヴィジュアル文庫 360° BOOK 特装版・サイン本あり 電子書籍あり
01 / COLORS

ブランド色ではなく「分類の色」

このサイトの色は面を塗るためではなく、書誌の状態を示すバッジのためにある。赤が 2 色あるのは実装の実態で、 #e50c00 は New アイコン、#dd4b4b は書影に重ねる帯と用途が分かれている。1 色に丸めないこと。

New
#e50c00
New アイコン。可視 8 要素。唯一 角丸(0.3em)を持つバッジ
新刊
#dd4b4b
書影に重ねる帯バッジ。可視 5 要素
重版
#1e73be
可視 3 要素
刊行予定
#777777
未確定のものはグレーに落とす。可視 11 要素
展覧会・イベント
#f15a24
可視 7 要素
メディア情報
#009245
可視 1 要素
シリーズタグ
#666666
「360° BOOK シリーズ」等。可視 8 要素
Chip Fill
#4d4d4d
絞り込みチップの面。文字は #e6e6e6
Nav / Link
#35302e
★最多の文字色。可視 60 要素
Text Primary
#222222
見出し・本文。純黒は使わない
Text Muted
#808080
著者名・副題。可視 25 要素
Background
#fbfbfb
ページ背景。純白ではない(根拠 body)

palt は全面、字間はゼロ

可視テキスト 209 要素すべてに font-feature-settings: "palt" が当たっている。一方 letter-spacing は normal(205 / 209)。約物のアキだけを潰して、字間は書体のままにする—— 詰めと空けを同時にやらない構えが、このサイトの字面を決めている。行間は 1.70 が 149 要素で支配的。

Section HeadingNoto Sans JP 24px / 700
line-height 1.10 / ls normal
新刊案内
Book TitleNoto Sans JP 22px / 700
line-height 1.70 / ls normal
馬の肖像 驥魂 Kikon
Catch CopyNoto Sans JP 20px / 700
line-height 1.70
馬が放つ一瞬の煌めきを、油彩という技法で画布に封じ込める。
Card TitleNoto Sans JP 16px / 600
line-height 1.70
フェルメール[新版] ―ちいさな美術館
BodyNoto Sans JP 15px / 400
line-height 1.70 / ls normal
美術・写真・デザイン・工藝・建築を軸に、展覧会図録から文庫まで。判型と造本を書目ごとに選び、書影がそのまま索引になるように一覧を組んでいる。
Author / SubtitleNoto Sans JP 13px / 600
color #808080
ヨハネス・フェルメール/ちいさな美術館
Badge14px / 400–500
line-height 40px(絶対値)
新刊 重版 11月刊行予定 New
グループ企業名Noto Serif JP 400 / Open Sans 300
ls 5.2px / 2.8px(唯一の字間指定)
紫紅社 SHIKOSHA

バッジの line-height: 40px を比率(2.86)に換算しない。高さを 40px に固定するための絶対値で、比率に意味はない。 新規実装では高さを height か padding で決め、line-height は 1 前後にすること。
Noto Sans JP の 300 と 900 は宣言されているが unloaded。使えるのは 400 / 500 / 600 / 700 の 4 段。

03 / BOOK GRID

新刊案内

書影タイルは 枠なし・角丸なし・影なし。バッジだけを書影の左上に重ねる。

ちいさな美術館新刊
フェルメール[新版]
ヨハネス・フェルメール
日本の意匠重版
文様のはなし 増補版
長瀬智之
建築の設計11月刊行予定
デザイン・工藝・建築 2026
大沼知之
写真と余白360° BOOK
Threads of Beauty
高木由利子

書誌ページ:書影と表

書名 22px / 700、惹句 20px / 700、本文 15px / 400。いずれも行間 1.70 で通す。

馬の肖像 驥魂
新刊 New ビジュアル文庫シリーズ

馬の肖像 驥魂 Kikon

大沼知之

馬が放つ一瞬の煌めきを、油彩という技法で画布に封じ込める。

競走馬の肉体が見せる張力を、写実の筆で追い続けた画家の画集。厩舎の薄明かりから返し馬の砂塵まで、 同じ一頭を異なる時間で描き分けた 88 点を、原寸に近い判型で収録する。

判型A4変型・上製
頁数176頁
定価4,950円(税込)
ISBN978-4-86831-042-6
発行2026年11月
05 / BUTTONS

角丸ゼロ。寸法は em で決まる

実測の半端な px(16.8px / 8.4px / 4.2px)は em 指定の結果。14px × 1.2em = 16.8px。 文字サイズを変えれば寸法が連動する。

新刊予告

絞り込みチップだけが pill(1.2em)。ボタンとバッジは radius: 0。 角丸を持つのは New アイコン(0.3em)だけで、他のバッジは全部 0。

入力欄:高さ 40px・黒 1px・角丸ゼロ

実サイトの既知の問題:input / select だけ font-family: Arial のままで、 font-feature-settings も normal。本文と書体が食い違う。ここでは推奨どおり inherit させている。

キーワードは全角・半角どちらでも検索できます
メールアドレスの形式が正しくありません
07 / ELEVATION

影は 0 件。深さは面の明度で出す

box-shadow を持つ可視要素は 0 件。WordPress 既定の --wp--preset--shadow--* は 宣言されているだけで 1 ヶ所も使われていない。

Level 0 — 罫線 1px
カード・表
Surface #f2f2f2
「もっと見る」の面
Chip #4d4d4d
文字は #e6e6e6

固定コンテナを持たない流動レイアウト

max-width を持つコンテナは実測 0 件。% とパディングで組み、グリッドのカラム数で調整する。 主ブレークポイントは max-width: 767px(13 ルール)。

Desktop — 書影グリッド 4 カラム / gap 28px
Tablet(≤ 900px)— 3 カラム
Mobile(≤ 767px)— 2 カラム・ナビはドロワー