Back to Index

Header & Footer Varianten

EN DE TR

Header Varianten

Vorgefertigte Header-Varianten für schnelles Prototyping.

1. Standard Header

AK Design System

Standard Header mit Logo links, Navigation in der Mitte, Aktionen rechts.

2. Zentrierter Header

AK Design System

Logo zentriert, Navigation links und rechts davon. Ideal für Landing Pages.

3. Minimaler Header

Dashboard

Reduziertes Padding, nur Logo und Aktionen. Perfekt für Dashboards.

4. Transparenter Header

AK Design System

Transparenter Hintergrund, ideal für Hero-Sections. Wechselt zu solidem Hintergrund beim Scrollen.

5. Header mit Suche

Integrierte Suchleiste in der Navigation. Auf Mobile wird sie zu einem Icon-Button.

6. Header mit Dropdown Navigation

Navigation mit Dropdown-Menüs. Nutzt die bestehende Dropdown-Komponente.

Footer Varianten

Vorgefertigte Footer-Varianten.

1. Standard Footer

© 2025 ak-systems. Alle Rechte vorbehalten.

Einfaches Footer-Layout mit Copyright-Text.

2. Mehrspaltiger Footer

Mehrspaltiges Layout mit verschiedenen Link-Gruppen. Responsive stapelt sich auf Mobile.

3. Minimaler Footer

Reduziert auf das Wesentliche. Copyright und Links in einer Zeile.