本文へ移動

§11-03Trust

数字 hero ("10,000+ users")

実績の数字を大きく掲げて信頼を示す。

利用者数や処理件数を一目で伝え、初めて訪れた人の不安を減らす。数字に根拠があり、更新し続けられるときに使う。

実装のポイント

数値は tabular-nums で桁幅を揃え、「+」や単位で丸めた値に出典や集計日を添える。カウントアップ演出を入れるなら prefers-reduced-motion で無効化する。

特徴
  • CSS のみ

このパターンが効く目的