Each section fills 100vh and snaps. Cinematic, presentation-style storytelling. Dots on the right jump between slides.
Each section of the website fills the entire screen (100% of the viewport height). When the user scrolls, the page snaps to the next full-screen section — like flipping between slides in a presentation. You're always viewing exactly one section at a time. This creates a very controlled, cinematic storytelling experience.
The container gets scroll-snap-type: y mandatory and overflow-y: scroll. Each child section gets height: 100vh and scroll-snap-align: start. The browser handles the snapping automatically. For more features (navigation dots, callbacks), the fullPage.js library handles everything.
Scroll inside or click the dots on the right to snap between sections.
No notifications. No engagement metrics. Just words you wrote, for people you trust.
Get an invite →Push to any feed — RSS, email, Substack, Mastodon. We don't keep your readers; you do.
It's the only place on the internet where I check the URL bar to remember where I am — because the surface gets out of the way.
One quiet email, first weekend of every month. Unsubscribe in one click.
Build a 5-section fullpage scroll website using CSS scroll-snap. Container: height:100vh, overflow-y:scroll, scroll-snap-type:y mandatory. Each section: height:100vh, scroll-snap-align:start. Section 1: Dark hero with headline and CTA. Section 2: Feature explanation with image left, text right. Section 3: Statistics with 3 large numbers. Section 4: Testimonial quote centered with author. Section 5: Final CTA with newsletter signup. Add navigation dots on the right side: fixed position, 5 small dots, active dot is filled white, clicking a dot smoothly scrolls to that section using scrollIntoView.