プラスチック成形（カッコイイ系・信頼感）

だれに向けたページか

家電・医療機器・自動車部品の設計・購買の担当者。試作から量産まで、寸法を守って安定して作ってくれる会社を探している。 「数字で約束する会社」に見せる。言葉は短く、数字と工程を大きく。

色

文字

• 巨大な英字・数字：Saira Extra Condensed 900（縦長で太く、角の立った工業的な字。カッコイイ系の主役）
• 番号・計器の数字・スクランブル：Martian Mono（等幅。崩れている間も幅が変わらない）
• 日本語：Noto Sans JP（見出し 900・本文 400 16px）

ページの構成と演出

1. 読み込み（A06）：黒い幕に「000%」の大きな等幅数字と、樹脂の粒（ペレット）のマスコット。粒が型に流れ込むように数字が100%まで進み（1.3秒以内）、幕が上に切れて開く。2回目（同じタブ）は出さない
2. メインビジュアル（タイポ・E04）：黒地に、画面の幅いっぱいの「MOLD / TO / 0.01」。崩れた記号から正しい綴りに揃う。PCでは文字と写真のあいだに、等幅の数字で「測定値の例」（X・Y・Z の寸法と判定 OK。見本の値）。脇に切り抜きの部品写真と「公差±0.01mmを、量産で守る。」
3. 数字：不良率・金型の保有数・取引年数を巨大な数字で（数字は〇〇。崩れて揃う）
4. できること：成形・金型・二次加工・組立を、黒い線の表で（見出しがスクランブル）
5. 工程：設計相談→金型→試作→量産→検査を、番号と写真で縦に
6. 設備：工場の写真の上に設備の一覧
7. 品質：測定の写真と、検査の決まり
8. お問い合わせ：紫の面に大きな「CONTACT」と図面送付ボタン
9. 会社概要・フッター

動きの決まり

• 初期値は完成した状態。読み込みの幕は JS が is-motion を付けたときだけ出す（JSなし・GSAPなし・動きを減らす設定では出ない）
• スクランブルは1回だけ・0.8秒以内。本文の文字は崩さない（英字と数字の見出しだけ）。崩れた文字は aria-hidden、読み上げ用に正しい綴りを aria-label に
• 動きは速く短く（0.4〜0.8秒・power4.out）。揺らす・回す動きはしない

写真

新しく2枚：成形した部品（切り抜き）／金型が開いた成形機。 写真庫から3枚：工場の全景（007）／測定する手（007）／金属の表面（007、お問い合わせの紫の面に multiply で重ねる地）。

数字

不良率・保有台数・社歴・従業員数は見本の値（〇〇）。会員が本物に替える。

下層ページを作るときの決まり

• 見出しは英字の巨大な1語（Saira Extra Condensed）＋日本語の小見出し
• 黒地と明るい地は交互。紫は面とボタンだけ
• スクランブルは各ページの最初の見出しだけ。読み込み（A06）はトップだけ