Navigation
Header
The header or the Masthead component may vary across parts of the Mercer website such as the Public site (General), a Logged in Member online and the retirement income simulator.
One of the main components of the header is the Logo. Some minimum standards for padding of the logo are documented below:
All logo files to be considered to use used in the header must be of the horizontally upright and if not the whole logo, the organization should advise on what part or version of the brand identity may be used for comfortable accommodation with the above mentioned minimum padding and height.
The logo files may be shared in the 3 height variations as defined above to cater to all breakpoints. The files must also be on svg. or .png formats for ease of resizing (if needed).
Header Components
The Masthead or the header components for various break points are as below:
Public Site - General
Annotation
Visual display
Code Usage
Member Online Headers
Annotation
Visual display
The drop down text, if text in the dropdown field extends beyond the text box size, the last 3 alphabets should be replaced by the ellipsis symbol (…).