Styles and examples
Better touch it than imagining it
There are fourteen example websites here, complete and browsable. They are not screenshots: you can open them, move around them and fill in the forms. See which one is closest to what you have in mind and tell me — it is the quickest way for us to understand each other.
The businesses and the couples in the examples are made up: the names, the prices, the phone numbers and the addresses. They are there so you can see the structure and the feel of each style, not to pass them off as real clients.
Other ways to build a website
The nine below share a skeleton and change their skin. These five change the skeleton: how you navigate, what goes at the front and whether the website is a document or a tool.
Product up and running
Digital menu It is not a demo
For hospitality there is no mock-up worth showing: this already exists and is running in real restaurants. Menu by QR and NFC, allergens, nine languages and a dashboard to edit it from your phone.
Go to escaneatucarta.comPeople scroll straight past
Horizontal portfolio
Horizontal scrolling with snap, keyboard arrows and a progress bar. For photographers, architects or anyone whose work is looked at, not read.
Open the exampleMosaic · no hero
Modular grid
Blocks of different sizes, each self-contained: next class, timetable, fee, map. For someone coming to check one thing, not to read.
Open the examplePoster · two colours
Screen printing
Enormous type, rotated blocks that overlap and a marquee. No cards, no shadows: composition. The loudest of the fourteen.
Open the exampleMap first
Map and listing
Synced both ways: you move over a house and its pin lights up. For when what decides the booking is where it is.
Open the exampleStep-by-step wizard
Guided booking
The website does not lead to the booking: the website es the booking. Four steps, a fixed summary panel and a price that updates on the fly.
Open the exampleWeddings
All three have the same things inside: RSVPs with allergies, bus, dress code, getting there and the gift. What changes is the temperament.
Classic · formal
Pazo
Symmetrical and centred, with gold rules and a serif typeface. The classic, done properly: pazos, churches, black-tie weddings.
Open the exampleBotanical · countryside
Botanical
Left-aligned, with arches, greens and clay. For outdoor weddings, in the country, daytime and no ties.
Open the exampleEditorial · urban
Editorial
No colour, all typographic scale. It is the boldest of the three. For city weddings, in a warehouse, a factory or on a rooftop.
Open the exampleClinics and professional practices
All three have online booking, team, services and opening times. What changes is the kind of trust they convey.
Clean · clinical
Clara
Plenty of white, clinical blue and rounded shapes. The cleanest of the lot. For dentists, ophthalmology, testing labs.
Open the exampleWarm · human
Warm
Linen, sage and a serif. Less hospital, more local practice. For physios, psychology, speech therapy, nutrition.
Open the exampleElegant · dark
Premium
Low light, bronze and plenty of empty space. For aesthetic medicine, dermatology, high-end private clinics.
Open the exampleBusinesses and shops
What changes most here is what goes first: the opening times, the figures or the prices. It depends on what your customer came looking for.
Warm · traditional
Neighbourhood
With the opening times and the «open now» right at the top, which is what people are looking for. For bakeries, shops, hair salons and florists.
Open the exampleUnderstated · corporate
Understated
A strict grid, aligned figures and serious tables. For accountants, law firms, engineering practices and consultancies.
Open the exampleBold · industrial
Garage
Capitals, high-visibility yellow and big prices up front. For garages, trades, renovations and transport.
Open the exampleNone of them fits me
These nine are a starting point, not a closed catalogue
If you have got this far and none of them convinces you, that is a good sign: it means you know what you want. It can be built from scratch, with your colours, your logo and your typeface. It can also be mixed: the structure of one with the feel of another.
And if what you have is not an idea but a reference — a website you like, invitations already designed, your brand identity — send it to me and I will work from there.