Back to components

Global Minimal Header

Global Minimal Header is a page header that provides only basic functionality

Table of Contents

Edit this section, Opens in new window

Overview

The goal is to introduce one seamless digital experience for our customers and users across applications through one component, which would serve multiple application needs.

The Global Minimal Header is page header that provides only basic functionality, such as language switcher and access to My Pages.

Edit this section, Opens in new window

Usage

The If Design System will provide the styling needed to implement the new global header and basic navigation behaviors and animations.

It will also provide JavaScript implementation examples for showcasing behavioral elements within the navigation.

Principles

Use the Global Minimal Header when features provided by a global header are irrelevant to users preforming a specific task, e.g., when user is in checkout process or user fills a claim.

Edit this section, Opens in new window

Anatomy

  1. IF Logo
  2. Language menu
  3. MyPages link
Edit this section, Opens in new window

Specs

Global Minimal Header measurements
Edit this section, Opens in new window
Contact us, Opens in new window