Design style: animated
Animated websites, and why frascati keeps motion small
Scroll animations and moving text can impress, but they can delay content and bother people sensitive to motion. frascati keeps motion to hover and focus.
What defines it
- Sections that fade in or slide up as you scroll
- Text that types itself out, numbers that count up
- Cards that lift, tilt or grow on hover
- Page transitions and loading animations
- Motion as the main way to hold attention
Where it fits
- Campaign and launch pages that people visit once
- Portfolios of motion designers, where motion is the work
- Showcase sites where the experience itself is the point
A prompt to start from
Copy it into frascati and change the details to yours.
“Build a website for my motion design studio in Zurich. Large stills from our projects, each linking to the full video on Vimeo, a short text per project, a clear list of what we offer and a contact form. Keep it calm, with subtle hover states on links and buttons.”
The first version takes about two minutes.
Questions
- Does frascati build animated websites?
- Not with scroll effects. frascati leaves out fade-ins and slide-ups on scroll, typewriter text, number counters, tilt, marquees and cursor effects by design. Links and buttons get short hover and focus transitions, and every element is visible without animation.
- Why does frascati leave scroll animations out?
- Content that appears only when it scrolls into view makes people wait for what they came to read, and it can stay hidden if a script fails. The Web Content Accessibility Guidelines (WCAG) also note that elements moving while you scroll can cause dizziness and nausea in people with vestibular disorders. On phones, heavy animation can make scrolling feel slow.
- What does frascati do instead?
- It makes the page interesting without movement: large real photos, a strong headline, generous space and one accent colour. Phones and computers have a setting to reduce motion, and frascati respects it.
- Can a developer add animations later?
- Yes. With Pro and Business you can download the full source code, and a developer can extend it. frascati itself leaves scroll effects out by design.
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.