MISHIMA
SHA
ミシマ社MISHIMASHA
書名、キーワード
Colors
01 — 白地に緑ひと色。刷数だけが原色の赤
Base
Background
#ffffff
Ink（実効色 ≒ #413931）
rgba(39, 30, 21, 0.88)
Ink Solid（罫線）
#271e15
Brand / Accent
Brand Green
#009d4e
Green Dark（カレント）
#016c36
Link Green（本文中）
#008000
Reprint Red（重版）
#ff0000
Neutral
Divider
rgba(24, 24, 24, 0.06)
Menu Overlay
rgba(39, 30, 21, 0.4)
Search Panel
rgba(237, 237, 237, 0.96)
Top Gradient
rgba(0,0,0,.04) → 0

文字色は hex に置き換えず rgba(39, 30, 21, 0.88) のまま使う。透過があること自体が仕様。

Typography
02 — ゴシック1本。line-height 1.6 で全階層を統一
Page Heading
28px / 700 / 1.6 / normal
書籍
Page Heading Light
28px / 400 / 1.6 / normal
会社概要
Section Title
22.5px / 700 / 1.6 / normal
ピックアップ
Feature Title
23px / 700 / 1.26 / normal
7月の新刊『ゼミはガチだと役に立つ』『新装版 超訳 古事記』
Card Title
16px / 700 / 1.44 / normal
自分と社会をいい感じにする 仕事技芸論
Nav
16px / 700 / 1.44 / 0.3em
本の一覧
Base (body)
15px / 400 / 1.6 / normal
ミシマ社は、二〇〇六年に創業した出版社です。
Body (long form)
15px / 400 / 2.0
一冊の本が届くまでに、書き手がいて、編集がいて、装丁があって、 印刷所があって、そして書店があります。その一つひとつと直接やりとりをする。 それが「原点回帰」ということの中身です。
Description
14px / 400 / 1.6
7/9（木）リアル書店発売！　名物ゼミを開講した内藤先生と、卒業生13名が語る。
Subtitle
12px / 700 / 1.92
韓国ベストセラー編集者の企業秘密
Breadcrumb
12px / 400 / 1.6
ホーム ＞ 書籍
Badge
12px / 700 / 1.0
2刷 6刷

ウェイトは 400 と 700 の2値だけ。中間（500 / 600）を使わない。 letter-spacing を持つのはグローバルナビ（0.3em）だけで、他はすべて normal。

Books
03 — 書影をそのまま置く。角丸・影・トリミングなし
Feature（新刊 — 2カラム）
ゼミはガチだと役に立つ
内藤正典ゼミ
新装版 超訳 古事記
鎌田東二
7月の新刊『ゼミはガチだと役に立つ』『新装版　超訳 古事記』
7/9（木）リアル書店発売！　名物ゼミを開講した内藤先生と、卒業生13名が語る 『ゼミはガチだと役に立つ』、そして本邦最古の書を「今の言葉」で蘇らせた、 故・鎌田東二さんの原点が時を経て新装版として発刊します。
新刊 展示 ミシマ社ラジオ
Book Grid
仕事技芸論
2刷

自分と社会をいい感じにする 仕事技芸論

倉貫義人
中年に飽きた夜は

中年に飽きた夜は

益田ミリ
編集の秘密
6刷

本をつくるということ

韓国ベストセラー編集者の企業秘密
キム・ヒョンジョン
超訳 古事記

新装版　超訳 古事記

鎌田東二
Pagination
1 234513
Buttons
04 — 塗りのCTAを持たない。枠線ボタンとテキストリンクだけ
Outline Tag Button
展示 ミシマ社ラジオ 新刊 ミシマガジン

transparent / 1px solid #271e15 / border-radius 10px / padding 7px 12px / 14px / 700

Badge / Link
2刷 6刷 「ミシマ社の本屋さん」
Cards
05 — 面色も枠も影も持たない。書影と文字だけ
ちゃぶ台

ちゃぶ台 vol.16

特集「はたらく」
ミシマ社編
おすそわけ
3刷

おすそわけの本

三島邦弘
京都の一年

京都オフィスの一年

ミシマ社京都
本屋さん

ミシマ社の本屋さん

ミシマ社編
Forms
06 — デフォルト / フォーカス / エラー。角丸はボタンと同じ 10px
メールマガジン登録に使用します
フォーカス時は罫線が #009d4e に変わる
書店様のご注文には書店名が必要です
Elevation
07 — 影ではなく、極薄のグラデーションと罫線で境界をつくる
Level 0 — none既定。カード・書影・ボタンすべて影なし。
Level 1rgb(128, 128, 128) 0px 0px 5px 0px
検索パネル・ドロワー。
Top Gradientlinear-gradient(rgba(0,0,0,0.04) 0%, rgba(0,0,0,0) 100%)
ヘッダー直下の境界。
Layout
08 — 3段のコンテナ。ヘッダー高さは CSS 変数で持つ
1280px — ワイド（書籍グリッド）
960px — 標準
760px — 読み物
Header Height（スクロールで縮む）
--header-y: 128px（初期）
--header-y-low: 80px（スクロール後）

固定ヘッダーぶんのオフセットは var(--header-y) を使う。px を直接書かない。

Spacing Scale
5
12
24
48
80

主境界は 980px（一般的な 768px ではない）。さらに 900 / 984 / 1020 / 1140px の 中間ブレークポイントで、2カラムを崩さずに書影サイズだけを削る。 @media (prefers-reduced-motion: reduce) を持つ。