Section Headers

Below is an example of a section header graphic used in all Layout B pages.



Some headers also have tabs within the bar to separate content. Below is an example of this.

Download the PSD template

 

 

Gradient Highlights

Below are some examples of the subtle gradients and sectional colour dividers that are used within the 3 Shop. Please refer to the inidvidual page PSD files for more.


 
Return to top
 

Stepper (progression) tables

Below are some examples of the subtle gradients and sectional colour dividers that are used within the 3 Shop. Please refer to the inidvidual page PSD files for more.

Download the PSD template
 
Return to top
 

Expandable Rows

Expandable rows are used within the specifications pages of the products within the 3 Shop. This allows the user to hide or show technical information about the product and easily compare these details against other products (as in the Compare Mobiles page).

Below is an example of the bars in both states.

1. Normal / Unexpanded State


2. Expanded State


Download the PSD template
 
Return to top
Layout A Layout B Layout C