Design style: parallax
Parallax scrolling, and what frascati does instead
Parallax moves background layers slower than the page to suggest depth. frascati leaves it out and creates depth with large photos and space instead.
What defines it
- Background images that scroll slower than the text above them
- Several layers moving at different speeds to suggest depth
- Full-width image sections between blocks of text
- Motion tied directly to the scroll position
Where it fits
- Visual stories built around a few very strong images
- Campaign and event pages
- Showcase sites where the scrolling itself is the experience
A prompt to start from
Copy it into frascati and change the details to yours.
“Build a website for our mountain guesthouse in Graubünden. A full-screen photo of the valley at the top, large photos of the rooms and the terrace, a short text for each season and a contact form for booking requests.”
The first version takes about two minutes.
Questions
- Does frascati build parallax websites?
- No. frascati leaves parallax out by design. It creates depth with large real photos, generous space and clear contrast between text and image, and no part of the page moves at its own speed when you scroll.
- Why leave parallax out?
- The Web Content Accessibility Guidelines (WCAG) note that elements moving while you scroll can cause dizziness and nausea in people with vestibular disorders. On phones the effect is hard to get right, so it is often reduced or turned off. And text over a moving image is harder to read.
- What does frascati do instead?
- It gives photos room: a full-width photo in the hero, large images beside short texts and generous space between sections. The page feels deep without anything moving.
Your website, about two minutes from now
3 days free with a card, then from $12 a month. The plan starts automatically unless you cancel.