laudamedia
Anfrage

Hotellerie · 2026 · Lauda Projekt

Lauda Hotel

Gehobene Demo-Website für Boutique-Hotels mit eleganter Ästhetik, Buchungsfokus und luxuriöser Gästeerfahrung.

WebdesignHotel UXBooking

01

Gestaltungsphilosophie

Vorfreude ist das eigentliche Produkt. Gäste buchen nicht ein Zimmer – sie kaufen ein Versprechen. Dieses Versprechen beginnt auf der Website, noch bevor ein Koffer gepackt wird.

02

Farbpalette

Charcoal#111111
Champagne#A38C6D
Cream#EAE7DC

03

Typografie

Display-Schrift

Cormorant Garamond

Cormorant

xsAg12px
smAg14px
baseAg16px
lgAg18px
xlAg20px
2xlAg24px
3xlAg30px
4xlAg36px

Fließtext-Schrift

Montserrat

Montserrat

xsAg12px
smAg14px
baseAg16px
lgAg18px
xlAg20px
2xlAg24px
3xlAg30px
4xlAg36px

04

Designprinzipien

01

Atmosphäre vor Fakten

Zimmergrößen interessieren erst, nachdem die Stimmung stimmt. Bild und Typografie setzen den emotionalen Rahmen – Fakten folgen als Bestätigung.

02

Buchung als Erlebnis

Der Buchungsprozess ist Teil des Aufenthalts. Kein überladenes Formular – eine elegante Einladung. Reibung ist der Feind des Umsatzes.

03

Luxus durch Reduktion

Weniger Optionen, mehr Qualität. Eine fokussierte Navigation signalisiert Kuratie und Selbstbewusstsein. Luxushotels bieten nicht alles – sie bieten das Richtige.

05

UI-Regeln

Border Radius

0px

Button Height

56px

Section Gap

140px

style-guide.css
Lauda Hotel
:root {
  --hotel-dark: #111111;
  --hotel-light: #EAE7DC;
  --hotel-accent: #A38C6D;
}

h1, h2, h3 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  letter-spacing: -0.01em;
}

.btn-book {
  background: var(--hotel-accent);
  color: var(--hotel-dark);
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: 12px;
}

.nav-link:hover {
  color: var(--hotel-accent);
  transition: color 300ms;
}

Lauda Hotel · Hotellerie

Live Demo ansehen

LaudaMedia - Webdesign, Entwicklung und SEO aus München