MIX DESIGNLAB / LP MINI DESIGN SYSTEM / V1.3

雰囲気から選ぶ、
LPのデザインルール。

見た目を8つの方向から選んで、業種に合わせて情報を組み立てる。読みやすさは共通に、色・文字・形・写真の見せ方を変えられる制作セットです。

共通ルール・雰囲気・業種を独立して選べます。公式資料の考え方を参照し、LP向けの値はMixの提案として整理しました。

プレビュー幅

雰囲気や業種を選ぶと見本と指示文が更新されます。入力欄も初期状態に戻ります。PC幅はこの画面の幅まで広がります。SP幅は390pxまで狭め、実制作と同じCSSで表示します。画面が狭い場合は両方とも画面内に収まります。

REFERENCE → YOUR THEME

分析結果から、参考テーマへ。

取得できた値を一括反映。不明な値は現在の設定を引き継ぎます。参考サイトの写真は取り込みません。

参考テーマの一覧

反映結果・引き継いだ項目

業種の情報構成

構成の候補

原稿で確認する情報

写真の方向

デザイン確認用サンプル|写真は配置見本・予約や送信は行いません

選んだ組み合わせを、Codexへ。

下の文は短い設定用です。実制作には、同梱のcodex-prompt.mdで対象・目的・CTAの行き先を埋め、原稿と画像も渡してください。

これは提案プリセットです。外部フォント・画像・APIは使っていません。字形はOSにより変わります。SP幅は390px以下のブラウザ表示例です。実機の字形・操作は別途確認してください。通常文字の指定色の検証範囲と結果はcontrast-check.md・qa-report.mdに記載。ページ全体のWCAG適合を保証するものではありません。

表示・動作の確認用です

このボタンは実際の予約や問い合わせにはつながっていません。本番では、確認済みの申込先や情報セクションに接続してください。