Navilot
A tiny, opinionated single-file website — scroll down. Built for demonstration, experimenting with layout, subtle motion, and modern aesthetics.
Scroll-first
Designed to feel good while scrolling — snap points, full-height sections, and breathing space.
Single file
HTML and CSS live together here — drop into any static host and go.
Features
What makes Navilot tick — small, modular, and intentionally playful.
Scroll snapping
Each section snaps into view for a focused reading experience.
Responsive
Layouts rearrange fluidly from phones to wide desktops.
Accessible
Semantic structure, good contrast, keyboard focus for main container.
Playful design
A pop of accent color, soft glass panels, and subtle parallax.
Gallery
Placeholders to show how a grid behaves — swap in images you like.
Image A
Image B
Image C
Image D
Image E
Image F
About Navilot
Navilot is a tiny design experiment — built to be read and extended. Feel free to copy, tweak colors, swap images, or add your own sections.
For devs
All styles sit at the top; markup is straightforward — no build step needed.
For designers
Play with the accent variables or the parallax blob for quick variants.
Contact
Want to connect? This is just a demo, but here's a little faux contact form (non-functional) to show layout.