Navigation – Entwurf & Spezifikation

Interaktiver Prototyp. Desktop: Hover über die Menüpunkte. Mobile: Fenster schmaler ziehen oder Hamburger-Icon klicken (unter 1024 px).

Interaktion

Desktop (≥ 1024 px): Hover öffnet Dropdowns nach 150 ms – nur ein Menü gleichzeitig
Mobile (< 1024 px): Hamburger-Icon öffnet Off-Canvas-Menü von rechts
ESC schließt alle offenen Menüs
Vollständige Tastaturbedienung (Tab + Enter/Space)
ARIA-Attribute für Barrierefreiheit vorhanden

CI Farben

#2B182B
Dunkelviolett

#981C98
Lila 4

#CC60CC
Lila 3

#FFB2FF
Lila 2

#F8F4F8
Lila 1

#A6C84A
Limette

Schriften

Poppins SemiBold – Navigation, Headlines, CTA

Poppins Medium – Dropdown-Überschriften

Inter Regular – Dropdown-Links, Fließtext

Erstgespräch buchen