経営コンサルティング（スタイリッシュ）

だれに向けたページか

売上が伸び悩む、または事業を広げたい中堅・中小企業の経営者と役員。 「頭が切れる、でも現場まで来てくれる」。紫と黒の都会的な画面で、考える会社の空気を出す。

色

文字

• 英字の大見出し：Syne（800）
• 日本語：Zen Kaku Gothic New（見出し 700・本文 400）16px

ページの構成と演出

1. 開幕（A11）：黒い面に紫と白の細かな破片が散らばり、ばねで引かれるように集まって「NOVARC」の形になる。形はかすれていて、マウス（指）の近くの破片は少し逃げる。その下に「成長の、次の一手を。」
2. 私たちについて：短い文と3つの数字
3. 進め方（C03）：PCでは画面を止めて、診断→設計→実行→検証の4枚が横に流れる。流れるにつれて背景が白→灰→濃い灰→黒に変わり、文字色も一緒に変わる。下に「01 —— 04」の進み具合
4. 実績（G03）：業種・課題・成果の行が並ぶ一覧。PCで行にマウスを乗せると、その行の上に写真が浮かび、マウスについてくる。スマホでは各行に小さな写真を最初から出す
5. ご相談・フッター

動きの決まり

• JSや GSAP が無いとき：開幕は「NOVARC」の文字がそのまま出る（Canvas は使わない）。進め方は4枚が縦に並び、それぞれの背景色で塗られる。実績は各行に小さな写真。全部読める
• prefers-reduced-motion のときは、上と同じ「動かない版」（破片は使わず文字のまま。進め方は縦並び）
• 破片はずっと漂うが、動きはゆっくり（画面を揺らさない）。画面に見えていないときは止める

コンサルで気をつけること

• 実績の数字・会社の業種は見本の値（〇〇％）。会員が本物に替える
• 「必ず売上が上がる」など結果を約束しない

写真（codex）

進め方4枚（付箋・ホワイトボード・現場・会議）／実績4枚（店・工場・ホテル・厨房）、の8枚。人は後ろ姿かシルエットだけ。

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

• 英字の大見出し（Syne）＋日本語の小見出しの2段
• 黒い面は1ページに1回まで。白→黒の変化は1ページに1回まで
• 紫の面（ボタン）は1画面に1つまで