Visuelle Übersicht aller Module, Farben, Schriften und UI-Bausteine für das neue GynPraxis-Dr.-Sara-Erscheinungsbild. Pflegbar, skalierbar, dreisprachig.
Bewusst weg von Klischee-Praxis-Türkis und Babyrosa. Diese Palette wirkt wie ein gehobenes Health-Magazin: warm, ruhig, dauerhaft.
Cormorant Garamond für die Display-Ebene gibt der Praxis Würde und Haltung. Inter für Body sorgt für klinische Klarheit. Noto Naskh Arabic erhält im RTL-Layout dieselbe Hierarchie.
Drei eindeutige Zustände — primär, sekundär (Rose), Ghost. Jeder Button hat eine klare Funktion. Keine doppelten Hauptaktionen pro Sektion.
Editorial wirkende Karten mit „Bildunterschrift im Bild" — wie in einem Fotobuch.
Vorsorge alle Trimester · NIPT · Organscreening · Risikoschwangerschaft.
Statt einer Service-Liste denkt die Patientin in Lebensphasen. Hover öffnet die Detail-Vorschau.
Vier Schlüsselangaben unmittelbar nach dem Hero — beantwortet die häufigsten Fragen, bevor sie gestellt werden.
Konkrete Zahlen statt Marketing-Floskeln.
Das visuell stärkste Element: dasselbe Versprechen in drei Sprachen, gleichberechtigt typografisch behandelt.
Kleine, wiederholbare Regeln, die das Ganze zusammenhalten.
Sektionen erscheinen sanft (200ms ease-out, 8 px translate-y). Niemals spielerisch, niemals hektisch.
Auf Mobil: Pillen-Button bottom-fixed mit „Termin buchen — 044 525 20 60". Verschwindet erst auf der Kontakt-Seite.
Vollständige Spiegelung des Layouts via CSS Logical Properties. Pfeile drehen sich, Logo wandert nach rechts, Sprachumschalter bleibt aber konsistent rechts.
Toggle in der Topbar reduziert Animationen, dunkler Hintergrund, +2pt Schriftgrösse. Accessibility-Plus für ältere Patientinnen.
Auf jeder Seite: MedicalBusiness, Physician, OpeningHours, Service. Pflicht für lokales SEO.
LCP < 1.5s, CLS < 0.1, JS < 100kb. Bilder als AVIF, Fonts subset & preload.