A bold centered planning headline is framed by small sitemap, invoice and feedback cards. Blue accents, a large workflow screenshot, audience cards and alternating product demonstrations lead into a saturated blue customer-logo section.
1. Floating-card planning hero. 2. Workflow overview screenshot. 3. Audience cards. 4. Product feature demonstrations. 5. Export and estimate panels. 6. Blue customer-proof section.
Small workflow fragments give the hero context without overwhelming the headline. Repeated blue controls and outlines connect the many planning examples into one visual system.
Refero [style page](https://styles.refero.design/style/caca412f-7fc7-4510-aacc-5664d4f8ce9f) and [recorded video](https://images.refero.design/styles/refero.design/video/f9eaee2c-5cd5-4d23-b8d0-ea448786eaa7.mp4); [live site](https://flowmapp.com/) 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.