Sari la conținutul principal

Header

The Header Main Navigation provides users with quick access to the primary sections of a website or application. Positioned at the top of the page, it helps users understand the site's structure and easily move between major areas.

Pre-header (Figma) · Header desktop · Header mobil

Anonymous State

The anonymous header is designed for users who are not signed in. It typically provides access to general navigation, informational content, and clear calls to action such as Sign In or Register, encouraging users to authenticate and access personalized features.

Breakpoints

desktop
Intră în cabinet Obține semnătura
Utilizator
mobile
Mergi la pagina principală
Autentificare

To see the mobile header behavior, use your browser's developer tools and switch to mobile view (responsive design mode).

Authenticated state

Signed-in users see the profile entry (avatar) and account menu instead of sign-in CTAs. The preview loads in a separate frame so its scripts do not conflict with the anonymous demo above.

Interactive preview