Brand Reference Guide 

CONTENTS

01.

Visual System

02.

Corporate Logo

03.

Fonts

04.

Colors

05.

Kaleidoscope

06.

Work Samples

Visual System

Our brand tells the story of how Empyrean delivers a technological solution with a human touch. The circle provides a foundational element for our visual vocabulary.

Branding Guide LP assets-visual system

A circle represents union, wholeness, commitment, and community.

Simple yet universal, the circle is a symbol of infinity, unity, and flow. Its continuous form suggests completeness, connection, and evolution. Within the Empyrean identity, it represents the relationship between individual elements and the greater whole they form.

 

Our logo is an essential part of our visual identity – a universal signature across our communications.
It’s made of 2 parts:

Branding Guide LP assets-visual system_logoLabels26

1. the “Helping Hand” symbol that simultaneously references three concepts:

  • a hand

  • file stack

  • the key letter "E"

2. the modern logotype for the word “EMPYREAN” — which means:

  • the highest heaven or celestial sphere

  • place or state of ideal happiness, enlightenment

  • relating to the sky, heavens, or celestial light

(The logotype font is Neutraface; reserve use solely for this logotype)

Branding Guide LP assets-logo breakdown 2

Service
Assistance
Help

Branding Guide LP assets-logo breakdown 3

Administration
Documentation
Resources

Branding Guide LP assets-logo breakdown 4

Empower
Employee
Employer

Provide Clear Space

Allow the mark to live within the space on any given piece of communication. The free (negative) space allows the logo to be clear of clutter and legible at different scales.

It is a good rule of thumb, to provide a minimum margin of clear space the size of the capital letter ‘M’ around the logo as indicated. Prevent graphics or text from encroaching into that margin.

Branding Guide LP assets-clear space 1

The minimum amount of space around the logo hand symbol should be approximately 30% of the size of the circle.

Branding Guide LP assets-clear space 2

The minimum amount of space around the logo hand symbol should be approximately 30% of the size of the circle.

Logo Variations

Empyrean-DynamicBlue-Logo-Hrz
Empyrean_LogoFull_Black_hrz-1

Fill Color – Process or PMS, Black, or White

Branding Guide LP assets-variant 2

The hand outline logo can be used as an all-white graphic over a background image or color that provides strong contrast

Branding Guide LP assets-variant 3

In some cases, the logo may need to be stacked due to limited horizontal space or for a desired effect. Use discretion when applying this format.

Background Fills

The logo’s "open" version takes on the background color of the field it rests on. In short, it's ok for part of an image to fill the open space of the hand logo. Assure an appropriate contrast and avoid filling with odd shapes that don't appear neutral.

Branding Guide LP assets-background_logo_sample_subject 3
Branding Guide LP assets-background_logo_sample 3
Branding Guide LP assets-background_logo_sample_kscope 3

Do Not Reverse

Do not make the logo hand symbol into a negative of the original. Always fill the circular element with the darker color.

Branding Guide LP assets-background 7

Logo Best Practices

Branding Guide LP assets-practice 1

Do Not Modify

Do not resize or change the position of the logo mark.

Branding Guide LP assets-practice 2
Branding Guide LP assets-practice 3

Do Not Distort

Do not stretch the logo vertically or horizontally. Resizing it must be proportional.

Branding Guide LP assets-practice 4
Branding Guide LP assets-practice 5

Do Not Change Colors

Do not stretch the logo vertically or horizontally. Resizing it must be proportional.

Branding Guide LP assets-practice 6
Branding Guide LP assets-practice 6 copy

Helping Hand

The “Helping Hand” symbol is versatile. It can stand alone as a seal, or graphic stamp in a field.

It can even be cropped and rotated provided the intended effect is displaying it as a large, hero-element.

KP1_8244

Fonts

Across all communications we use Montserrat for headlines and Fira Sans for body copy. When using a very large headline you can use Montserrat ExtraBold.

Both typefaces should be available on Empyrean issued laptops.

RECOMMENDED TEXT COLORS
For white backgrounds use a blue or dark  gray from the color set below.
For blue or gray backgrounds use white or a lighter color from the color set to accent call-out text.

See design examples at the bottom of the page.

Branding Guide LP assets-font 1-2

MONTSERRAT EXTRABOLD

Branding Guide LP assets-font 2-3

MONTSERRAT EXTRABOLD

Font Guidance

When to use:

Headlines, titles, labels…
generally no smaller than 14pt

Branding Guide LP assets-font 3-3

When to use:

Running copy oriented subtitles, headlines, or single line small copy, footnotes, copyright, etc. 
generally no larger than 20pt

Branding Guide LP assets-font 4

Web Solutions Font

When to use:

Apply to web apps to ensure optimal UX/UI results.

For licensing and consistency we use Montserrat as the lead web font for our on-line solutions, COMPASS, MAP, MERIDIAN, and more...

The font is available here: https://fonts.google.com/specimen/Montserrat

Branding Guide LP assets-font 5-2

Additional Graphic Elements

Simply stated, Empyrean offers technology and service to the benefits industry. We communicate those concepts in shorthand with the acronyms shown, or visually with the icons. They help to set the stage for dialogue about Empyrean.

tech + srvc + you
tech + srvc + you-white
tech + srvc + you-black
T_S_Y_shading_Kscope_lockup
Empyrean Tech + Service + You

Connect Graphics

Along with BenefitsGo, Empyrean offers the product Connect. Connect is a team app matching the client's brand, increasing employee attraction, engagement, and retention.

connect_softLogo
connect_softLogo-1
Connect_Angled-iPhone-w-icon 4
Connect App Group
Connect_HandHoldingPhone

Colors

Our core brand palette is based around Ascend Blue and Cloud White supported by a kaleidoscope of colors, and neutral grays. Together, these colors create a clean, confident foundation that balances innovation with clarity. Ascend Blue serves as our primary brand color, conveying trust, momentum, and optimism, while Gray provides sophistication, stability, and contrast.

Across digital experiences, Ascend Blue can expand into expressive gradients that transition toward Zenith Indigo, adding depth, dimension, and a sense of forward movement. Lighter colors accent and bring focus to key information, helping to create visual hierarchy.

White provides balance and breathing room throughout the system, ensuring content remains approachable, legible, and easy to navigate. Together, the palette creates a modern, cohesive visual language that is distinctly Empyrean.

Branding Guide LP assets-colors 1

Ascend Blue
#0077B7
RGB 0 119 183
CMYK 93 32 0 0
PMS 7461

Branding Guide LP assets-colors 3

Cloud White
#FFFFFF
R 255 G 255 B 255

Branding Guide LP assets-colors_CoolGray_2

Stratus Gray
#646C6F
RGB 100 108 111
CMYK 62 49 47 16
PMS Cool Gray 10 C

Secondary Colors

Our secondary colors consist of those found directly in the kaleidoscope. They are most often used in an instance of the kaleidoscope in a given composition but can be used individually to draw the eye or otherwise provide a contextual tone. Think special illustration, a custom kaleidoscope, chart stats, testimonial quotes,  ‘need-to- know’ information, or a  call to action.

Branding Guide LP assets-colors_26_LightBlue_5

Skyveil
#2BC0EC

RGB 43 192 236
CMYK 65 2 2 0
PMS 298 C

Branding Guide LP assets-colors_26_NavyBlue_5

Zenith Indigo
#072ESE

RGB 07 46 94
CMYK 75 27 18 14
PMS 648 C

Branding Guide LP assets-colors_26_DarkLilac_5

Mist Lilac  
#464a71

RGB 70 74 113
CMYK 81 75 32 16
PMS 2111 C

Branding Guide LP assets-colors_26_Purple_5

Celestial Violet
#764B71

RGB 118 75 113
CMYK 57 78 33 13
PMS 6072 C

Branding Guide LP assets-colors_26_Red_5

Solar Flare
#DF3F28

RGB 223 63 40
CMYK 07 90 98 1
PMS 179 C

Branding Guide LP assets-colors_26_Pink_5

Aurora Bloom
#EF516D

RGB 239 81 109
CMYK 0 84 42 0
PMS 184 C

Branding Guide LP assets-colors_26_LightPink_5

Dawn Blush
#FFBAC8

RGB 255  186 200
CMYK 0 34 07 0
PMS 182 C

Branding Guide LP assets-colors_26_Orange_5

Horizon Ember
#F26735

RGB 242 103 53
CMYK 0 74 88 0
PMS 2026 C

Branding Guide LP assets-colors_26_Yellow_5

Golden Meridian 
#E99E23

RGB 233 158 35
CMYK 07 42 99 0
PMS 2007 C

Branding Guide LP assets-colors_26_LightYellow_5

Sunlit Glow
#F5C43E

RGB 245 196 62
CMYK 4 23 88 0
PMS 136 C

Branding Guide LP assets-colors_26_LightGreen_5

Spring Canopy 
#BBC940
RGB 187 201 64
CMYK 31 07 93 0
PMS 6193 C

Branding Guide LP assets-colors_26_Green_5

Verdant Rise
#29943D

RGB 41 148 61
CMYK 82 18 100 4
PMS 7739 C

Branding Guide LP assets-colors_26_DarkGreen_5

Evergreen Summit
#294E31

RGB 41 78 49
CMYK 80 44 85 45
PMS 350 C

Branding Guide LP assets-colors_26_LightGray_5

Cirrus Gray
#BCB4B0

RGB 188 180 176
CMYK 27 25 27 0
PMS Warm Gray 3 C

Kaleidoscope

Like a kaleidoscope, an effective benefits program is made up of many individual elements that gain meaning through their connection to one another. The interplay of shapes, lines, and color reflects the dynamic relationship between people, processes, and technology, unifying various pieces into a cohesive and purposeful whole.

kscope-SUNNY_26-1

This is the hallmark Kaleidoscope that brings vibrancy and colorful dynamic energy to any design. It can be used in a slim crop rectangle to provide a bookend graphic, or as a dominant visual element with Ascend Blue revealing it (see design examples). The kaleidoscope easily draws the eye since it's often the most colorful element in a composition. It's visually musical in the rather quiet realm of ben admin.

WHAT NOT TO DO
Avoid overlaying it on photography, creating muddied colors or unnecessarily busy visuals.

If ever creating a kaleidoscope, begin with circles. Negative and positive spaces should have rhythm and balance. Allow color overlaps (multiply blending mode) to create our color palette. Keep in mind the golden ratio to achieve a focal point.

Branding Guide LP assets-kaleidoscope

Plus Sign

+  +  +  +  +  +  +  +  +

A distinctive graphic device within the Empyrean brand, is the plus sign. It introduces rhythm and texture while conceptually reinforcing the brand’s expert approach to ben admin involving technological framework, interoperable inclusion, and user connection.

A single plus is used in place of ampersands where appropriate.

It can be used in a row to provide visual separation within copy.

It can exist as a graphic grid of nine evenly spaced symbols in rectangular formation (arrange at least appx. fifteen rows vertically or columns horizontally). This instance serves as a contrast to curvilinear compositional elements.

brand_guide_plusGridSample_26

Photography

When choosing photography, look for people creating, building, doing, or connecting. The hand images should not be disembodied, but connected – real.

Example themes: crafting, working, genuine gestures (i.e. a hand shake / fistbump), caring.

Empyrean Brand Guidelines - Q3-2022_Page_13_Image_0001
Empyrean Brand Guidelines - Q3-2022_Page_13_Image_0004
Empyrean Brand Guidelines - Q3-2022_Page_13_Image_0003
Empyrean Brand Guidelines - Q3-2022_Page_13_Image_0002

Avoid stock art imagery that looks staged; overwrought with graphics; faux-virtual; or obviously photo-shopped together.

Branding Guide LP assets-photos 5
Branding Guide LP assets-photos 5 copy
Branding Guide LP assets-photos 5 copy 2
Branding Guide LP assets-photos 5 copy 3

Design Examples

Branding Guide LP assets-example 1-1-1
Branding Guide LP assets-example_folder 1-1
Branding Guide LP assets-example_pptSmplSlides 1-1
Branding Guide LP assets-example_OnePager_Halo 1-1
Branding Guide LP assets-example_accentStyle 1-1
Branding Guide LP assets-example_ExperienceDiagram2 1-1
Empyrean Brand Guidelines - Q3-2022_Page_16_Image_0001

Empyrean Brand Kit

Download guided logo variations, fonts, and graphics.