Section · Proof & conversion

Solution impact

Department-level value capture with three sourced operational metrics.

Component gallery

The section at every supported size.

Preserves the reusable impact pattern for future pages without placing it in the current case-study sequence.

Desktop1440 × 760
Live component specimen
Tablet900 × 680
Live component specimen
Mobile390 × 720
Live component specimen

Build recipe

Anatomy and content rules

Anatomy

  1. Impact label
  2. Outcome headline
  3. Three metrics
  4. Gain or pain indicator
  5. Supporting detail

Content checklist

  • Use approved figures only
  • Show direction clearly
  • Keep the metric count to three
  • Do not invent values

Composition guidance

Place it with compatible sections.

Works beside

Solution detail heroWorkflow feature sequence

Live usage

Design system specimen

Source reference

app/components/SolutionDetailPage.tsxapp/content/solutions.ts