Iced mochaEspresso, chocolate, milk and ice.
€4.20Lab · Design styles
Pick a style. Feel it.
Every brand has a look. Here are the interface styles we build with, shown on real buttons, switches, fields and cards. Press them, drag the sliders, and find the one that feels like you.
Style studio
Ten styles, one set of components.
Choose a style and the whole sheet below changes: buttons, switches, fields, a card and a notification. Everything is live, so press it.
Pick your business and we will highlight the styles we would try first.
Glass
Frosted and luminous
Buttons
Switches and choices
Fields and sliders
Order progress
Card
Feedback
Order acceptedReady in 15 minutes
Only 3 left todayIced mocha is almost sold out
Payment failedPlease try another card
Open nowDelivery3
Feels like
Light passing through frosted panels over a colourful backdrop. Modern, airy and a little bit magical.
Great for
Cafes, hotels, apps and any brand with beautiful colour or photography behind the content.
Watch out
Text needs strong contrast against what sits behind it, and heavy blur is slower on older phones. We test both.
Button lab
Buttons that answer back.
A button is the most-pressed thing on your website. Hover, press and hold these twelve to feel what small details do.
Magnetic
Pulls toward your cursor.
Ripple
A wave from where you press.
Shine
A sweep of light on hover.
Liquid fill
Colour rises from below.
Border beam
A light that circles the edge.
Loading to done
Press it to send.
Hold to confirm
Press and hold to finish.
Text roll
The label rolls over.
Tilt and glare
Leans with your pointer.
Burst
Sparks from the click.
Add to order
Turns into a quantity stepper.
Copy
Confirms what it just did.
How we choose
Looks are half the job. Using it well is the rest.
Every style has trade-offs, and we are honest about them. These are the rules we hold to, whichever you pick.
Contrast first
A beautiful button nobody can read is a broken button. We test text contrast in every style, not just how it looks.
Made for thumbs
Buttons look pressable, show a clear focus outline and are big enough to hit on a phone.
Fast by default
Blur, glow and gradients are used where they pay off, and checked on real phones so the site stays quick.
One style, used well
We pick one direction for your brand and keep every button, card and form consistent.
Questions
Styles, answered.
Can you build any of these styles?
Yes. Every style on this page is something we build. We choose one direction for your brand and keep every button, card and form in it.
Will these effects slow my website down?
Not if they are used with care. Blur and glow cost more on older phones, so we use them where they matter and test on real devices.
Can I mix styles?
Usually it is better to pick one. A single clear style feels more professional than a mix. We sometimes borrow one detail, such as a glass menu bar on an otherwise minimal site.
Is choosing a style included in the price?
Choosing the visual direction is part of designing your website. Prices are on the Websites page.
What about accessibility?
Every style has trade-offs. We check text contrast, make buttons large enough for thumbs, show a clear focus outline and respect reduce-motion settings.
I do not know which style suits me.
That is normal. Tell us about your business on WhatsApp and we will suggest a direction, or use the chooser above.
Ask the librarian
Which style is yours?
Tell us about your business. We will suggest a direction and show you what it could look like.