AK Design System - Header & Footer Variants

Header Variants

Pre-built header variants for rapid prototyping.

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

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

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

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

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

Navigation with dropdown menus. Uses the existing dropdown component.

Pre-built footer variants.

Simple footer layout with copyright text.

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