Footer

The footer is located at the bottom of every environment. It contains the logo and top-level navigation structure, in addition to any required legal or copyright information.
‍

Specifications

Basic Footer

Anatomy

1) Aon Logo
fill: Signature Red

2) Legal Links
style: Extra Small Paragraph
color: Teal Dark

3) Copyright Icon
font-face: Font Awesome 6 Pro Light
font-size: 12px
line-height: 16px
color: See states below
code: copyright (f1f9)

4) Copyright Text
style: Extra Small Paragraph
color: See states below

5) Container
background-color: See states below

6) States
border: 1px
border-color: See states below

Size & Spacing

STYLE VARIATIONS

Dark

1) Aon Logo
fill: Signature Red

2) Links
style: Extra Small Paragraph
text-decoration: underline
color: Gray 06

3) Copyright Icon
color: Gray 06

4) Copyright Text
color: Gray 06

5) Background
background-color: Navy

6) Top Border
border: Gray 06

Light

1) Aon Logo
fill: Signature Red

2) Links
style: Extra Small Paragraph
text-decoration: underline
color: Teal Dark

3) Copyright Icon
color: Gray 02

4) Copyright Text
color: Gray 02

5) Background
background-color: Gray 08 or white based on the product background colors

6) Top Border
border: Gray 05

Robust Footer

Anatomy

1) Aon Logo
fill: See Styles below

2) Site Description (Optional)
style: Extra Small Paragraph
color: See Styles below

3) Legal Links
style: Extra Small Paragraph
text-decoration: underline
color: See Styles below

4) Copyright Icon
font-face: Font Awesome 6 Pro Light
font-size: 12px
line-height: 16px
color: See Styles below
code: copyright (f1f9)

5) Copyright text
style: Extra Small Paragraph
color: See Styles below

6) Category (Linked)
style: H6
text-transform: uppercase
text-decoration: underline
color: See Styles below

7) Category (Unlinked)
style: H6
text-decoration: none
color: See Styles below

8) Subcategory (Linked)
style: Default Paragraph
text-decoration: underline
color: See Styles below

9) Subcategory (Unlinked)
style: Default Paragraph
color: See Styles below

10) Page Link
style: Small Paragraph
color: See Styles below

11) Top Border
border: 1px solid
border-color: See states below

12) Container
background-color: Gray 08 or White based on product background colors.

Size & Spacing

STYLE VARIATIONS

Dark

1) Aon Logo
fill: Signature Red

2) Site Description (Optional)
color: Gray 06

3) Legal Links
color: Gray 06

4) Copyright Icon
color: Gray 06

5) Copyright Text
color: Gray 06

6) Category (Linked)
color: Gray 06

7) Category (Unlinked)
color: Gray 06

8) Subcategory (Linked)
color: Gray 06

9) Subcategory (Unlinked)
color: Gray 06

10) Page Link
color: Gray 06

11) Top Border
border-color: Gray 06

Light

1) Aon Logo
fill: Signature Red

2) Site Description (Optional)
color: Gray 02

3) Legal Links
color: Teal Dark

4) Copyright Icon
color: Gray 02

5) Copyright Text
color: Gray 02

6) Category (Linked)
border: Teal Dark

7) Category (Unlinked)
color: Gray 01

8) Subcategory (Linked)
color: Teal Dark

9) Subcategory (Unlinked)
color: Gray 01

10) Page Link
color: Teal Dark

11) Top Border
border-color: Gray 02

Aon Consumer Experience & Design Group
‍
200 E. Randolph St.
5th Floor
Chicago, IL 60601

global.design@aon.com‍

About Foundations Components Modules Data Visualization

For best results, please view on Desktop in Chrome or Firefox.