Back to Index

Header & Footer Variants

EN DE TR

Header Variants

Pre-built header variants for rapid prototyping.

1. Standard Header

AK Design System

Standard Header with logo on the left, navigation in the center, actions on the right.

2. Centered Header

AK Design System

Logo centered, navigation on left and right. Ideal for landing pages.

3. Minimal Header

Dashboard

Reduced padding, only logo and actions. Perfect for dashboards.

4. Transparent Header

AK Design System

Transparent background, ideal for hero sections. Switches to solid background on scroll.

5. Header with Search

Integrated search bar in navigation. Turns into an icon button on mobile.

6. Header with Dropdown Navigation

Navigation with dropdown menus. Uses the existing dropdown component.

Footer Variants

Pre-built footer variants.

1. Standard Footer

© 2025 ak-systems. All rights reserved.

Simple footer layout with copyright text.

2. Multi-Column Footer

Multi-column layout with various link groups. Stacks on mobile.

3. Minimal Footer

Reduced to the essentials. Copyright and links in one line.