A serif meeting-notepad headline and olive action introduce a restrained white page. The recorded explanation pairs rough notes with enhanced output and small meeting-app identities. Later panels show sharing and formatting, a dense collection of customer comments and an olive-framed closing invitation. The current hero places a larger note window over photographic and graphic layers.
1. Recorded serif introduction and olive action. 2. Rough and enhanced note comparison. 3. Meeting-platform identities. 4. Formatting and sharing panels. 5. Dense customer-comment collection. 6. Olive-framed closing invitation.
Highlighted words establish an olive visual thread across copy and actions. Comparing rough and polished notes makes the product promise visible without requiring a long explanation.
Refero [style page](https://styles.refero.design/style/d6c2a911-45ed-4860-a992-43df22793c2a) and [recorded video](https://images.refero.design/styles/refero.design/video/84f7a3c1-ca40-48c3-8a00-6ddd961e7360.mp4); [live site](https://www.granola.ai/) checked on 2026-10-06. 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. Current captures revise the hero around notes, actions and memory, with additional platforms and devices. The recorded sequence remains a historical layout reference.