FreelanceForm. / INPUT DESIGNS
サイトに似合う、
フォームを選ぼう。
使いやすさを軸にした5つと、個性を楽しむ5つ。
メインカラーの青と白・薄グレーを軸に、見出しや入力欄の構成で選べます。
幅広いサイトに、自然になじむ。
01–05 / UNIVERSAL
DESIGN 01
スタンダード
端正な見出しと、慣れ親しんだ入力レイアウト。基本の構成に、共通の青とフォントを。
フォームを開く：スタンダード →DESIGN 02
クリアビジネス
白い背景と薄グレーの入力欄。左右に分けた、明快な導入。
フォームを開く：クリアビジネス →DESIGN 03
ライトグレー
薄グレーの背景と白い入力面。縦に読み進められる、静かな構成。
フォームを開く：ライトグレー →DESIGN 04
ブルーフレーム
青いラッパーと白いフォーム。外側の余白で幅を調整できる、明快な構成。
フォームを開く：ブルーフレーム →DESIGN 05
ソリッドコンタクト
大きな白抜きの英字と青い見出し。白いフォームに薄グレーの入力欄を配置。
フォームを開く：ソリッドコンタクト →見た目から、印象に残る。
06–10 / CREATIVE
DESIGN 06
アウトラインテーブル
アウトラインの英字とリボン。青地・白文字の項目見出しで、表のように明快に。
フォームを開く：アウトラインテーブル →DESIGN 07
レイヤードコンタクト
透かし英字と斜めの見出し。薄グレーの項目見出しと枠線で、入力欄を整理。
フォームを開く：レイヤードコンタクト →DESIGN 08
ブルースタジオ
大きな英字と青。PCでは導入と入力欄を左右に並べるレイアウト。
フォームを開く：ブルースタジオ →DESIGN 09
オフセットコンタクト
大きな英字とずらした青い色面。スマホでは項目を独立したカードに。
フォームを開く：オフセットコンタクト →DESIGN 10
コンタクトカード
白いカードが項目ごとにひとまとまりに。スマホでもラベルと入力欄の関係が明快。
フォームを開く：コンタクトカード →カードの図は背景・配色のイメージです。実際のレイアウトは各フォームでご覧ください。
入力内容を確認する画面と、送信完了・エラー画面は共通です。