Hover microinteraction
Hover this card: the star icon slides halfway into view top right. Subtle, but it brings a block to life.
hover
Possibilities
Discover what's possible
This is a demo page: individual features and whole section styles you can use on a website. Everything below actually works, so you can try it before we pick what fits your site.
Interaction and features
Small things that make a page pleasant to use. Move your mouse, click and type away.
Scroll animation
Content slides up gently as it enters the viewport. Visitors who prefer no motion get the text right away.
This line just slid into place.
FAQ accordion
Frequently asked questions that fold open. Saves space and saves you repeating yourself by email.
Tabs
A lot of information in little space, without making the page long.
A site built for your business, made so you can easily extend it later.
Form with live validation
Errors show up right away instead of after submitting. Try typing something invalid below.
Hover card
Extra explanation for a term, without sending the reader off the page.
Language switcher
This site is bilingual itself. Switch between NL and EN at the top right: all texts and pages follow.
Currently active: English
Section examples
Larger building blocks for a page. The texts below are examples, the styling is real.
TemplateCompact hero
Example company
A headline that gets straight to the point
One line telling what you do and for whom. Below it two buttons at most.
TemplatePricing table
Three packages side by side, with one highlighted column. Amounts here are examples.
Start
€ —
- Example line one
- Example line two
- Example line three
Most chosen
Growth
€ —
- Example line one
- Example line two
- Example line three
Complete
€ —
- Example line one
- Example line two
- Example line three
TemplateTestimonials
Room for client responses. The quotes below are example text.
“Example quote: the collaboration was calm and we always knew where we stood.”
“Example quote: small changes are often handled the same day.”
“Example quote: we now understand what happens on the site, and why.”
TemplateStatistics bar
5+
years of experience
25+
sites delivered
< 24 u
response time
1
fixed contact
TemplateTeam cards
Faces behind a business. Names and roles below are placeholders.
AB
First Lastname
Role placeholder
Two lines about what this person does and what you can come to them for.
CD
First Lastname
Role placeholder
Two lines about what this person does and what you can come to them for.
EF
First Lastname
Role placeholder
Two lines about what this person does and what you can come to them for.
TemplateCTA band
Ready to get started?
A variant of the closing action bar: wide band, high contrast, one clear button.
Did you see something you'd like on your website? Let's talk it through.
Request a quote