他の 料金表 レイアウト(10)
すべて表示- 01Pro

色分け料金プラン
3つのプランがそれぞれ独自のカラーバンドを持つ。月額・年額の切り替えとインセットの機能パネル付き。React・Tailwind製——プランごとにバンドの色を変更可能。
- 02Pro

メール獲得付き料金ベント
行の半分を無料トライアルのメール獲得パネルに割り当て、2つのコンパクトなプランカードをその横に配置。ブランドカラーの背景。React・Tailwind製——フォームを接続。
- 03Pro

機能比較表
4つのプランと9つの機能を並べた本物のHTMLテーブル。各セルは数値かチェックか×で表示。React・Tailwind製、行を追加してキーを設定するだけ。
- 04Pro

4列価格テーブル
内部の罫線で1枚のボーダー付きスラブにまとめた4プラン。おすすめ列だけが上端から浮き出る。React・Tailwind製、1プランにフラグを立てるだけ。
- 05Pro

無料トライアルプラン選択
料金ページの次のステップ: ブランドパネル上のラジオグループとして並ぶ2プランと、その下の課金に関する注意書き。React・Tailwind製、チェックアウトに組み込むだけ。
- 06Pro

イラスト付き価格カード
各プランは対象者を示す横長イラストから始まり、おすすめカードだけが行から浮き上がる。React・Tailwind製、独自アートワークに差し替え可能。
- 07Pro

主要機能カード
上限と主要機能を分けた3枚のカードを反転ダークな帯に配置し、年額表示に切り替えるスライド式トグル付き。React・Tailwind製、両方の価格フィールドを設定。
- 08Pro

月額/年額切り替え価格
1つのスイッチで全価格が年10か月分の年払いに切り替わり、反転した価格ヘッダーと斜めのリボンが付く。React・Tailwind製、計算を確かめること。
- 09Pro

テンプレート対カスタム価格
どの階層かではなく購入か依頼かを選ばせる。固定価格のテンプレートカードと、下限価格から始まるカスタム開発カード。React・Tailwind製、電話予約を組み込む。
- 10Pro

FAQ付き3階層価格
中央に塗りつぶしとリボン付きのProカード、その下に価格に関する質問4つに答えるFAQパネル。React・Tailwind製、faqs配列を編集する。
https://neobrutalism.com/ja/blocks/pricing-tables/two-plan-pricing-comparison




















