Navigation

Overview
There are four main areas of navigation used in the 3 Shop.

Header text Navigation
Global Navigation bar
QuickNav site footer
Footer Navigation

 

Header text navigation
This navigation menu sits above the search bar in the main header at the top of the page. It provides personalised welcoming messages for users when they are logged in and also links to other Three Mobile sites.


 
For HTML typographical specifications see HTML fonts
Return to top
 

Global navigation
With the exception of only a few pages the global navigation is located at the top of the 3Shop page at all times. The normal, rollover and selected states of this navigation can be seen below.

Download the PSD template
 
Return to top
 

QuickNav site footer
The footer navigation provides link to all pages throught the site and acts as a simple site map as well.



Typographcial Specifications
Font: Modena Condensed Light  Size: 14px   Colour: #212121   Output: Graphic
Font: Trebuchet MS   Size: 10px   Leading: 12px   Colour: #727272   Output: HTML Text

Download the PSD template
 
Return to top

 

Footer navigation
The footer navigation provides links to:
• Global Sites
• Terms & Policies
• Privacy Policy
• Site Map
• Internet Safety
• Email this Page

 
For HTML typographical specifications see HTML fonts
Return to top
 

3 Shop Logo

The 3 Shop logo is used site-wide directly above the Global Navigation. See below for technical specifications.

Specifications

Download the PSD template
 
Return to top
 

Search Bar

Located directly beneath the text header navigation.


 
For HTML typographical specifications see HTML fonts
Return to top