Brand Elements / Web & Digital Elements
Web & Digital Elements
This is is a collection of elements and resources to be used when building the user interface of applications. All web applications should follow the elements outlined below as closely as possible, in order to create a consistent look and feel across the many platforms ACE utilizes.
For development assets, please reference the interactive UI Kit.
Banners and Heroes
Image 4px blur
Blend: Pass Through
Full width BG #05213B
Card
X: 1 Y: 1 B: 30 Shadow: #000000, 5%
Typography (web use only)
Fallback Fonts
If either of the two brand fonts are not available to you, please use the following fallback fonts that are available standard on most laptops:
Substitute Blacker Pro with Georgia
Substitute Public Sans with Arial
Headings
Display
Blacker Display Medium. 48px / 60px.
Heading 1
Blacker Display Medium. 34px / 42px.
Heading 2
Public Sans Bold. 26px / 32px.
Body Text
Lead Paragraph
Public Sans Bold. 22px / 28px. All caps.
Body
Public Sans Regular. 18px / 30px.
Comment
Public Sans Regular. 15px / 20px/
Text Pairings
Display
Blacker Display Medium. 48px / 60px.
Intro
Body Public Sans Regular. 18px / 30px.
Heading 1
Blacker Display Medium. 34px / 42px.
Body
Public Sans Regular. 18px / 30px.
Heading 2
Public Sans Bold. 26px / 32px.
Body
Public Sans Regular. 18px / 30px/
Lists
Lists
Public Sans Bold. 18px / 26px
Primary w/icon
Buttons
Primary
Secondary
Public Sans Semibold 18px
Height: 56px
Top and bottom padding: 16px
Left and right padding: 24px
Public Sans Semibold. 18px
Secondary w/icon
With icon:
Icon size: 16 x 16px
Icon color: same as text color
With icon:
Icon size: 32 x 32px
Icon color: same as text color
Links
Public Sans Bold. 18px.
