The recorded Vapi page uses a compact voice-agent introduction, mint and orange pill actions and a largely black canvas. Cyan demonstration panels, integration icons and a cream reliability explanation provide contrast before lower company and question sections.
1. Dark voice-agent introduction. 2. Customer logo row. 3. Platform explanation. 4. Cyan demonstration panels. 5. Integration grid. 6. Developer and business capability rows. 7. Cream reliability section. 8. Team, FAQ and closing action.
Mint actions and cyan examples create clear focal points against the black canvas. The cream reliability section gives the enterprise explanation a different pace, while the compact typography keeps the page oriented toward a technical audience.
Refero [style page](https://styles.refero.design/style/bab34295-03fc-4993-ae42-b440fe78647b) and [recorded video](https://images.refero.design/styles/refero.design/video/9e6cd34c-0c57-4c4c-8876-914c9556191e.mp4); [live site](https://vapi.ai/) checked on 2026-10-05. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested. The current opening uses a green motion background and a visible voice-agent scenario selector. The informational cookie notice was dismissed through its visible close control. No call was started and microphone access was not requested.