スイミングスクール（綺麗系・白黒グレー）

だれに向けたページか

子どもの習いごとを「きちんとした所で」選びたい親と、大人になってから泳ぎを整えたい人。 にぎやかさより、静かで、清潔で、ていねいに教えてくれそうと感じてもらう。

色

文字

• 和文見出し：Hina Mincho（細い明朝。1つの太さしかないので、大きく・字間広めで使う）
• 英字：Antic Didone（細いディドン体。メインの「SWIM」はこれ）
• 本文：M PLUS 1（400）16px・行の高さ 2.0
• 英字ラベルは字間 .3em・大文字

ページの構成と演出

1. メインビジュアル（タイポ）：白い画面に、横幅いっぱいの細い「SWIM」。文字の内側だけ水面の写真（background-clip: text）。スクロールすると文字の中の水がゆっくり流れる。下に縦の細線と「泳ぐ、を美しく。」。読み込み時に「SWIM」が1文字ずつぼかしから現れる（E03）
2. ごあいさつ（E06）：理念の文を、ペン先の印が1行ずつ書いていく。「水を怖がらない」「一生の泳ぎ」に蛍光ペン（薄い灰）の下線が引かれる
3. コース（Swiper）：ベビー／幼児／小学生／選手育成／大人の5枚。カードは大きな番号＋細い線の図＋文。写真は大人コースと夜の部だけ
4. 数字：1クラスの人数・コーチ1人あたりの人数など（〇〇）。黒地
5. はじめての方へ：体験の流れ3段
6. 料金：細い線の表
7. 体験の申し込み・アクセス・フッター

G01 は全体にかかる：画面の右下に、タオルをかぶった子どもの後ろ姿が少しだけのぞき、区切りに入るたびに吹き出しのひとことが変わる（「はじめまして」「どのコースにする？」…）。スマホでは小さく。幅1280px未満では本文にかぶるので、吹き出しはひとことが変わったときだけ約2.6秒出して消す（JSなしのスマホでは出さない）。

見出し（h2）は全部 E03（1文字ずつぼかしから）。短い見出しだけに使う。

動きの決まり

• JSや GSAP が無いとき：「SWIM」も見出しも最初から見えている。ペン先は出ず、文と下線は最初から見える。のぞく子どもは最初の吹き出しのまま止まる。Swiper が無いときは、コースが指で横に送れる並び（scroll-snap）
• prefers-reduced-motion のときは、上と同じ「動かない版」。Swiper の自動送りもしない
• 動きは全部ゆっくり（0.9〜1.4秒・power2.out）。弾む動きは使わない

写真（codex 3枚＋写真庫2枚）

水面（上から・文字の中に使う）／屋内の25mプール／タオルをかぶった子ども（切り抜き・後ろ姿）。写真庫から：窓辺の大人の後ろ姿（016）・夜の屋内プール（051）。

見本の値（会員が本物に替える）

人数・料金・電話・住所・お客様の声はすべて〇〇。

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

• 大きな英字は Antic Didone、和文見出しは Hina Mincho。太字は使わない
• 色は白・灰・黒だけ。色を足したいときは写真で足す
• 線は1px。角丸は使わない（ボタンも角）
• 演出は1ページに1つまで（下層は E03 の見出しだけでよい）