Design Patterns
同じフォーム機能のまま、4つのトーンを用意しました。各カードから実際の画面を確認できます。
明るく親しみやすい青グラデーション。Clear SaaS な信頼感ベース。
このパターンを開く彩度を落としたネイビー×ベージュ。上品で大人っぽいトーンダウン版。
このパターンを開くオレンジ×イエロー、丸み・吹き出し・手書き風あしらいで楽しく親しみやすく。
このパターンを開く濃紺×白×ゴールド、明朝見出し。金融機関のような硬派でフォーマルな信頼感。
このパターンを開くshared/script.js に集約し、全パターンで共通利用しています。各パターンは patterns/<name>/ 配下に index.html + style.css で独立。採用するパターンが決まったら、その内容をルート直下へ昇格させて公開します。