A centered black headline and yellow action introduce turning a Notion document into a website. Side-by-side page examples make the transformation visible. A dark three-step process contrasts with white customer stories and larger customization panels, while dark showcase tiles and pale closing templates display the range of resulting sites.
1. Centered headline and yellow action. 2. Notion-to-site comparison. 3. Customer-logo proof. 4. Dark three-step process. 5. Creator testimonials. 6. Customization and performance panels. 7. Dark showcase and closing templates.
Before-and-after examples explain the product immediately. Yellow maintains a clear action hierarchy, and the alternating process, testimonial and showcase sections break up a long software landing page.
Refero [style page](https://styles.refero.design/style/25863c92-a287-491e-bae7-4da37a1f9a98) and [recorded video](https://images.refero.design/styles/refero.design/video/29617215-cfe1-4365-b0be-f8da4706f0ce.mp4); [live site](https://super.so/) 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.