中小企業診断士（カッコイイ系・高級感／スタイリッシュ）のWebデザイン見本

売上の伸び悩みや代替わりに直面した、従業員5〜50人の会社の社長。「相談しやすい」より「この人たちなら勝てそう」と思わせる、強い文字のページにする。


業種	士業・コンサル（中小企業診断士の事務所）
系統	カッコイイ系（大きく太い文字・黒地・直線・速く切れのいい動き）
テイスト	高級感／スタイリッシュ
色	オレンジ・黄（黒地に琥珀色）
形	スマホのまま横に延長：PCでも1列。写真と色の帯は画面の端まで、文字の列だけ最大 760px
スライド	Swiper（支援の事例4件。点・矢印・キーボード。自動送りなし）
メインビジュアル	文字が主役（タイポ）：画面いっぱいの「攻めの、経営。」。写真は使わない
アニメーション	あり（GSAP＋ScrollTrigger。A11 は canvas）
演出の型	A11 破片が集まって、かすれた文字の形になって漂う／E07 円に沿って並ぶ文字（回るステッカー）／C05 ページの一部が雑誌の見開きのように横に流れる（縦書きと組む）
架空の事務所	「橙（だいだい）経営研究所」— 中小企業診断士2名の事務所。補助金・事業計画・事業承継

だれに向けたページか

売上の伸び悩みや代替わりに直面した、従業員5〜50人の会社の社長。「相談しやすい」より「この人たちなら勝てそう」と思わせる、強い文字のページにする。

メインビジュアル（タイポ＋A11）：黒地に画面いっぱいの「攻めの、経営。」。読み込むと琥珀色の破片が四方から集まって文字の形になり、かすれた質感で少し漂う（canvas）。その上に本物の文字が重なる。右下に回るステッカー（E07）「無料相談」
3つの約束：大きな番号と1列の文
雑誌の見開き（C05）：紙色の区切り。PCでは縦にスクロールすると「現場を見る」「数字を読む」「計画を書く」「実行に伴走する」の4見開きが横に流れる。見出しは縦書き。スマホとJSなしは指で横に送れる並び
支援の事例（Swiper）：4件の事例を1枚ずつ
料金：1列の表
ご相談（E07）：円に沿って文字が回るステッカーつきのボタン
事務所の情報・フッター

Swiper（MIT）。1枚ずつ、点・矢印・キーボード。自動送りはしない（事例は読ませるもの）。JS なしは scroll-snap。

新しく作る：町工場で計画書を指す二人の手／夕暮れの商店街、の2枚。写真庫から：署名の手元・相談室・夜景・本棚（023）／グラフを指す手（024）。