本文へ移動

§11-12Trust

透明な pricing

追加費用や条件を隠さず価格と並べて示す。

後から費用が増える不安を取り除き、契約前に総額を把握できるようにする。価格比較で選ばれる段階の離脱を減らす。

実装のポイント

税込/税抜、初期費用、解約料、超過料金を価格のすぐ横に明記する。注釈や小さな文字に回すと信頼を損ねるため、本文と同じ階層で並べる。

特徴
  • CSS のみ
デモで使っているもの
  • lucide-react