Halftone FAQ — Référence de design web et prompt

# Solace — Halftone Dot FAQ and Footer (exact recreation prompt)

Give me a single-file closing section for an AI co-pilot product called **Solace**. The section runs a FAQ into the footer. Behind both sits a full-width live grid of round amber dots, sparse and ragged at the top and dense and pale lower down. Every dot swells and shrinks at its own pace, so the field ripples like an audio meter, and dots near the cursor swell. A centred heading and a dark amber glass FAQ accordion sit on top, with a full-width brown glass footer panel at the bottom.

Plain HTML, CSS and one vanilla script with a 2D canvas, in one file, with no libraries and no images. The only external resource is the Google Font. Reproduce every value, string and timing exactly, and use the complete code at the end as the source of truth.

---

## 1. Page basics

- Title: `Solace`
- Meta description: `Questions, answered. Solace is your AI co-pilot for the work that matters: priorities, follow-ups and answers across every tool your team already uses.`