金型メーカー（可愛い系・ページ全体が横に動く）のWebデザイン見本

部品の金型を頼む先を探している、メーカーの設計・購買の担当者。あわせて、町工場で働きたい若い人。「かたい・こわい」と思われがちな金型を、親しみやすく、でも腕は確かに見せる。


業種	製造・BtoB（金型メーカー）
系統	可愛い系（丸み・太い線とずらした影・明るい黄とオレンジ・弾む動き・シール）
テイスト	かわいい／ポップ・元気
色	オレンジ・黄
形	ページ全体が横に動く。PCでは縦スクロールでページ全体が横に進む。下に「01／06」の番号と、ころころ進む丸い進み具合。スマホとJSなしでは普通の縦並び
スライド	なし
メインビジュアル	文字が主役（タイポ）。画面いっぱいの立体の文字「かたち、つくる。」。写真は文字の脇に部品の切り抜きを1つだけ
アニメーション	あり（GSAP＋ScrollTrigger）
演出の型	E03（見出しが1文字ずつ、ぼかし＋透明から現れる）／C01（縦にスクロールすると横に流れる。PCだけ）／C05（雑誌の見開きのように横に流れる面に、縦書きの見出しを組む）
架空の会社	「まるかど金型製作所」— 社員〇〇名。プラスチック部品の射出成形用の金型をつくる町工場

だれに向けたページか

部品の金型を頼む先を探している、メーカーの設計・購買の担当者。あわせて、町工場で働きたい若い人。「かたい・こわい」と思われがちな金型を、親しみやすく、でも腕は確かに見せる。

変数	値	使う所
`--c-bg`	`#fff8e6`	背景（クリーム）
`--c-yellow`	`#ffd23f`	見開きの地・シール（黒文字 11.32）
`--c-orange`	`#ff8a00`	見開きの地・立体文字（黒文字 6.92）
`--c-accent`	`#ff8a00`	丸・線（図形）
（巨大文字）	`#d96a00`	「かたち、」の巨大文字（クリームの上 3.30・大きな文字なので3以上でよい）
`--c-accent-text`	`#9a4a00`	クリームの上のオレンジの文字（5.91）
`--c-ink`	`#2b1d0e`	見出し・太い線・ずらした影
`--c-text`	`#374151`	本文
`--c-sub`	`#4b5563`	補足

新しく作る：成形した部品の切り抜き（メインビジュアル）／開いた金型。写真庫から：007-factory の machine・hands・factory・worker。

社員数・設備の台数・取引先の数・電話番号は見本の値（〇〇）。会員が本物に替える。