貼るだけで、その業種に合った「世界観・見出しの動き・演出・ボタンの形」がまとめて完成するコードです。文章と画像は入っていないので、あなたのお店・商品の言葉に差し替えて使ってください。毎週金曜に1つずつ足していきます(NEWの印が今週の分)。このページはブックマークしておくと便利です。
・着せ替えたあと、色や動きは自由に変えてOK(コードは出発点)。押す前に「📌 バージョン保存」しておくと戻れます
・見出しの例は「こんな温度感」の見本。そのままではなく、自分の言葉に直して使ってください
世界観:やさしいピンク
白×ピンク×クリーム。花びらがひらひら舞う、親近感のあるサロン感
見出しの例(そのまま使わず、自分の言葉に直してね)
きせかえコード
世界観:クラフトミント
生成り×ミント。1文字ずつ現れる見出しとボケ光で、手仕事のやわらかさ
見出しの例(そのまま使わず、自分の言葉に直してね)
きせかえコード
世界観:ネイビー信頼
紺×白。動きは控えめ、波紋だけ。落ち着いて読める誠実さ
見出しの例(そのまま使わず、自分の言葉に直してね)
きせかえコード
世界観:白の雑誌エディトリアル
白×黒×明朝。暗転から明けて、写真がゆっくりズーム。雑誌の1ページ
見出しの例(そのまま使わず、自分の言葉に直してね)
きせかえコード
世界観:あたたかテラコッタ
レンガ×生成り。湯気がゆらぐ演出とマーカー見出し。お店のぬくもり
見出しの例(そのまま使わず、自分の言葉に直してね)
きせかえコード
世界観:黒ライムテック
黒×ライム。スポットライトが開いて、字間が締まる見出し。ツール・教材の「作れる側」感
見出しの例(そのまま使わず、自分の言葉に直してね)
きせかえコード
世界観:レトロポップ食堂
クリーム×赤。文字が弾んで登場、ボタンが吸い寄る。明るく気軽な募集ページ
見出しの例(そのまま使わず、自分の言葉に直してね)
きせかえコード
世界観:ミッドナイトネオン
夜×ネオンピンク。扉が開いて、ネオンが点灯、オーロラがゆらめく。世界観に浸らせる
見出しの例(そのまま使わず、自分の言葉に直してね)
きせかえコード
世界観:白の雑誌エディトリアル
白×黒×1色。字間が締まる見出しと最小限の動き。実績と問い合わせが1ページで済む「仕事の話ができる」見た目
見出しの例(そのまま使わず、自分の言葉に直してね)
きせかえコード