大型引用 1 件 お客様の声

このパーツの使いどころと実装ポイント

この「大型引用 1 件 お客様の声」は、一番強い推薦コメントを 1 件だけ中央に大きく置き、その重みで信頼を伝えるパーツです。冒頭に font-size:120px の引用符を飾り、その下に <blockquote> で本文、最後に円形アバターと氏名・肩書きを並べる構成で、本文は font-style:italic と Georgia 系セリフ書体により雑誌の名言ページのような落ち着いた表情になります。

向いている場面

声を数で見せるより、1 件の濃い実績で勝負したいときに効きます。たとえば BtoB のコンサルや士業の導入実績、高単価サービスのランディングページ、周年サイトの推薦コメントなど、「誰が・どんな成果を語ったか」を強く印象づけたい場面に向きます。

カスタマイズと注意点

• 本文には 具体的な数値や期間（例：月 40 時間削減）を入れると説得力が出ます。抽象的な感想だけにしない。
• アバターは初期状態がグラデーション塗りなので、実在のお客様写真や許諾済みロゴに差し替える前提で使ってください。
• 引用符は装飾なので、スクリーンリーダーには aria-hidden を付け、氏名・肩書きは <cite> 等で意味づけすると読み上げが整います。
• 本文は max-width:720px で 1 行が長くなりすぎないよう調整済みです。