Arztpraxis · 2026 · Lauda Projekt
Lauda Med
Awwwards-reife Demo-Website für Arztpraxen — dunkles Editorial-Design mit Bodoni Moda, Kupfer-Akzenten und animiertem EKG-Signal.
01
Gestaltungsphilosophie
Medizin ist dann am wirkungsvollsten, wenn sie auf Vertrauen baut. Und Vertrauen entsteht nicht durch freundliche Runden und Pastellblau — sondern durch unerschütterliche Klarheit, ehrliches Material und Raum für das Gespräch.
02
Farbpalette
03
Typografie
Display-Schrift
Bodoni Moda
Bodoni
Fließtext-Schrift
DM Sans
DM
04
Designprinzipien
Luxus als Kompetenznachweis
Ein privates Klinikum in Zürich braucht keinen grünen Haken-Grid. Warmtonige Materialität — Kupfer, Kreide, Nachtschwarz — kommuniziert Exzellenz, bevor ein Wort gelesen wird.
Editorial gegen Angst
Patienten suchen unter Stress. Großformatige Typografie mit Bodoni Moda erzeugt kognitive Entlastung: Sie sortiert Prioritäten, bevor das Gehirn angespannt ist.
EKG als Identitätslinie
Die animierte EKG-Linie ist kein Dekor — sie ist das Herzstück der Markenidentität. Sie erzählt in drei Sekunden alles: Präzision, Leben, Puls.
05
UI-Regeln
Border Radius
0px (sharp)
Button Height
52px
Section Gap
144px
:root {
--med-bg: #F4EFE6;
--med-ink: #0F0D0C;
--med-copper: #9E7B58;
}
h1, h2, h3 {
font-family: "Bodoni Moda", serif;
letter-spacing: -0.025em;
}
.btn-primary {
background: var(--med-copper);
color: var(--med-bg);
text-transform: uppercase;
letter-spacing: .08em;
border-radius: 0;
}
/* ECG animation */
@keyframes ecgDraw {
from { stroke-dashoffset: 1400; }
to { stroke-dashoffset: 0; }
}