Skip to content
Riccardo Marconato

Brand identity, website, app and CMS · 2026

Albamira. A brand, a site and an app for hotels in Alicante.

Albamira runs three hotels on the Alicante coast and opens a fourth on the island of Tabarca in 2027. I designed its brand, the website that books its rooms, the app its guests carry and the CMS its team runs all of it from.

The brand, the site, the app and the CMS in fourteen seconds.

The brief

Albamira has three hotels in Alicante: fourteen rooms in the old quarter under the castle, fifty-two in a building of 1921 on the Explanada, and twenty-two villas on the rocks of Cabo de las Huertas. A fourth house opens on the island of Tabarca in the spring of 2027.

The group needed one name and one brand for all of them, a website that books every room, an app guests carry during their stay, and a CMS where the team runs the houses, ready for the fourth and the ones after it.

The Albamira logo: a lime half sun on a horizon line over the name Albamira in an ivory serif, on dark espresso brown.
The name and the mark.

The brand

Alicante faces east, so the sun comes up out of the sea, and Albamira is the one that watches the dawn. The mark is that sun on the sea’s line, and also the arch of a door in the old quarter.

The colours come from the city: Cal, the lime wash of the old quarter’s walls, for the page; Algarrobo, the dark brown of the carob, for the words; Noche for the dark sections; and Limón for the one thing to press on each screen. Boska sets the titles, General Sans the text and Azeret Mono the booking references.

The half-sun mark three times: dark on ivory, ivory on espresso, dark on lime.
The mark on Cal, Noche and Limón.
Four colour columns named Cal, Algarrobo, Noche and Limón, each with its role and its hex value.
Cal, Algarrobo, Noche and Limón.
Type specimens: a large Aa and the alphabet in Boska, a sentence in General Sans, and a booking reference in Azeret Mono on espresso.
Boska, General Sans and Azeret Mono.

The guidelines

The guidelines are a book for whoever prints, engraves or photographs for the houses: the mark and the room it keeps, the colours and their jobs, the type and the voice.

Every photograph takes the same grade, a little warmer and softer with some grain, so four houses on different streets look lit by the same morning.

Three pages of the brand guidelines on espresso: the mark and its clear space, a photograph before and after the grade, and examples of the voice.
Three pages of the guidelines.
A flat lay on travertine: a paper sleeve with the Albamira logo, two key cards, one espresso with the lime mark and one ivory naming Cove Suite 12, and a soap wrapped in an espresso band.
The room key, its sleeve and the soap.
A brass plate on a lime-washed wall, engraved with the mark, the name Albamira and Santa Cruz.
The brass plate at the door in Santa Cruz.
Three posters on espresso: the castle at first light with the line Alicante, at first light; the mark and the name on lime; and a street of Tabarca opening in spring 2027.
Three posters for the season.

The website

The home sets the name across the castle at first light, then opens on the four houses. Each house has its own page, with its rooms, its photographs, what to do there and the way to book it.

Booking takes the house, the nights and the room on one page, with the stay summed up beside it the whole time.

The Albamira home in a browser window on lime: the name across the castle above the roofs of Alicante.
The home.
Every section of the home as a grid on espresso: the first band, the welcome, the houses, the rooms, the days at the water, the reserve band and the footer.
Every section of the home.
Two browser windows: the page of Albamira Santa Cruz and the booking with its summary.
A house and the booking.
Three phones on lime showing the home, the houses and the Tabarca page.
The same pages on a phone.

The app

Guests install the app from the site, on an iPhone or an Android phone. It opens the door of the room, lays out the day, talks to the concierge and keeps the bill, and the key and the day still work with no network.

The app and the site are one Next.js app, so a change to a house reaches the website and every guest’s phone together.

Three iPhones on ivory: the day with the suite and its plans, the room key as a dark pass, and the conversation with the concierge.
The day, the key and the concierge on an iPhone.
Three Android phones on espresso: the plans to book, the bill and the day.
Plans, the bill and the day on Android.
An iPhone lock screen over a sunrise with a message from Albamira Cabo saying the Cove Suite is ready.
The message that says the room is ready.

The design system

Everything is built on OS, my design system. Albamira’s colours and typefaces are set once, and every button, card, form and screen of the site, the app and the CMS takes them from there.

A small layer of custom styles adds what only Albamira has: the name across the photograph, the bar of dark glass, the days in large grey serif and the key as a dark pass.

Six parts in a grid: a house card, the list of days, the room key, the day’s timeline, the booking summary and the welcome pane on a photograph.
Some of the parts every screen is built from.

Room to grow

Each house is one record with the same fields, and its page, its rooms and its place in the booking and the app all come from that record.

Tabarca is already in the CMS as a draft. When it opens, the team publishes it, and the site, the booking and the app show a fourth house.

Four browser windows with the pages of Santa Cruz, Explanada, Cabo and Tabarca, each on the same layout.
Four houses on one template.

The CMS

The team runs the houses from OS CMS. A house’s fields stand next to its page, which changes as it is edited, and a draft stays off the site until it is published.

The requests guests send from the app arrive in the same place, and the brand settings move the whole site at once.

The CMS list of houses: four rows with their photographs, rooms, room types and status, Tabarca a draft.
The houses in the CMS, Tabarca still a draft.
The CMS editing Albamira Cabo: its fields on the left and its page on the right.
A house’s fields next to its page.
The CMS list of requests from guests: a taxi, a table, a late check-out, a cot, the boat and flowers, each with its house and status.
What guests asked from the app.
The CMS brand settings: the accent colour and the three typefaces on the left, the home on the right.
The brand settings, with the home updating beside them.

Built with

Next.js · 16React · 19TypeScriptOSOS CMSBlender · 5.2Remotion

Alicante at first light, in every piece.

The name rises across the castle on the home, the sun sits on the brass plate and the key card, and the app opens the door before breakfast.

Have a project in mind?

I design and build complete digital products. If you’re planning something new, I’d like to hear about it.

Contact me