Boutique hotel & spa · Beskydy · Identity and website
Brand and website for the MODŘÍN hotel
MODŘÍN has twenty four rooms on the edge of the Beskydy mountains, a spa and a restaurant. Hotels nearby list their amenities and discount packages online. Here the website had to show the calm and still get people to an enquiry quickly.
- Brief
- Identity, website, copy
- Scope
- 19 page brand manual, 6 page website
- Typefaces
- Bodoni Moda + Archivo
- Key element
- Enquiry bar in the hero
01 / Brief
What had to be solved
Hotel websites usually read like a list of specifications. Square metres, bed counts, amenities. The problem is that this makes it impossible to stand out, because the hotel next door has the same square metres and a slightly lower price.
MODŘÍN turns that around. The first screen does not say what the hotel has but what it is like to be there. The rooms come after that, and even there a sentence about the view from the window comes before the table of specifications.
02 / Brand
Logo, colours and type
The mark is a fine drawing of a larch branch. The palette runs to slate green grey with a brass accent, cooler and lighter than KOŘEN, so that the site also works with photographs of snow. Bodoni Moda gives the headlines a sharp stroke contrast, which is the only ornament in an otherwise quiet layout.
- A light sticky header at all times, unlike KOŘEN it never merges with the hero
- Kickers with a brass diamond instead of a rule
- Alternating rows of rooms so the listing does not read like a table
- Spa tables fold into a row listing on a phone
- Graphite
- Slate
- Dark slate
- Mist
- Brass
- Light brass
- Linen
- Stone
- Ash
03 / Website
Website, six pages
The enquiry bar in the hero takes the dates and the number of guests and passes them into the full form on the contact page through URL parameters. Visitors do not enter the date twice, which is the most common place where hotel websites lose an enquiry.
04 / Brand manual
Brand manual, nineteen pages
The same set as for KOŘEN: nineteen pages from the construction of the logo to the tone of voice, plus a design system in a ten sheet spreadsheet.
05 / Technical notes
What it is made of
- Its own
style.cssandsite.js, it is not a recoloured KOŘEN - Fonts self hosted as variable woff2, Bodoni Moda 65 kB and Archivo 135 kB
- Dates passed from the hero into the form through URL parameters
- Structured data using schema.org
Hotelincluding amenities and opening hours - Accessibility: skip link, focus, field labels,
prefers-reduced-motion - Zero external requests, the site works without a connection
Images
The panoramas in the hero and in the surroundings section are layered ridges in mist, kept within the brand palette so that real photographs will sit well once they arrive. Every other image slot holds an honest placeholder with its dimensions and a description of the shot that is needed.
Next project
KOŘEN, a restaurant in Prague 1Do you run a guesthouse, hotel or spa?
Write me a few lines about what you need. I answer within two working days.