## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Component: https://kage-design-assets.t3.tigrisfiles.io/components/quiethint-r/a06c27ca-94cd-4cb7-8750-fd2be8cedd1f-1789711424-3.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/quiethint-r/a06c27ca-94cd-4cb7-8750-fd2be8cedd1f-1789711327026-full.webp
- Component on Kage: https://kage.design/component/quiethint-r-stats

## Before you start
Ask me what data my product handles, what privacy promise it can honestly make, and what proof or metrics are available. Then apply this pattern to my product.

Build a privacy/trust section with a two-part layout: a large editorial claim and CTA on the left, and a compact 2x2 metric matrix on the right. Follow it with a wide data-processing visualization such as a dense orange vertical signal chart. Use an off-white background #fafaf8, black typography #171817, and orange #ed5b16 for the chart and small legend marker. The heading should be large, lightweight, and split across two lines; support it with a small mono label, a dark rectangular policy/details button, and a short legend. Give the stat cells 1px #e4e4df borders and plenty of whitespace, with a large numeral or short value and a small explanatory label. The chart should be decorative but meaningful: use varied bar heights, a baseline, restrained axis labels, and a short privacy note below. Keep the chart accessible with an accompanying text summary and ensure the layout collapses vertically on mobile.

Never use the reference's logos, product names, copy, illustrations, imagery, or fabricated privacy claims.