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, commitment, love or community.

It has no beginning or end and can literally allude to a ring, a closed path, a molecule, a planet, or in the abstract – life and the life cycle. Curvilinear shapes tend to be viewed as soft or feminine in contrast to rectilinear shapes that are rigid or masculine. Empyrean’s circle represents the fusion of tech & service to fulfill our clients needs — the complete software solution for benefits; and a community of teamwork around it.

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

Empyrean_HandSolo_Blue

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 a guiding light and ideal place.
(the typeface used in the logotype is Neutraface; keep it reserved for the Empyrean name)

Branding Guide LP assets-visual system copy
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 white version of the helping hand logo symbol takes on the background color of the field it rests on. In short, it's ok for an image to fill the inside space of the hand logo. Assure the appropriate contrast and avoid odd shape overlaps that would fill the logo.

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 button, 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

On print and web 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.

Branding Guide LP assets-font 1-2

MONTSERRAT EXTRABOLD

Branding Guide LP assets-font 2-3

MONTSERRAT EXTRABOLD

Font Guidance

When to use:

Headlines and titles — no smaller than 18pt.

Branding Guide LP assets-font 3-3

When to use:

Titles, subtitles, and copy headlines — 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 built on 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 blue tones are used as highlights and accents, bringing focus to key information and creating visual hierarchy within blue color fields.

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.

Ascend Blue or Stratus Gray is recommended for text on a white background; or white against the gray or blue background. Use the lighter colors as accents on call-outs that emphasize a proof point, distinct messaging or a call to action.

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.

In informal contexts and light-hearted communications, these colors can move into prominent usage as alternatives.

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

Our signature kaleidoscope provides a simple visual metaphor to communicate the abstract overlapping parts of an active benefits program.

The shapes, lines, and various colors illustrate how all the parts to a benefits program, whether a human touch point or a technical software piece, work together to deliver a harmonious strategy.

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 (see the following examples). Avoid overlapping it, creating unnecessarily busy visuals or muddied colors. The kaleidoscope easily draws the eye as it often is the most colorful element in a composition.

If ever creating a kaleidoscope, begin with circles. Negative and positive spaces should have rhythm and balance. Allow 'multiply' blending methods to create complex color themes without adding to the palette. Keep in mind the golden ratio to achieve the focal points.

Branding Guide LP assets-kaleidoscope

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_brochure_coverSpread-1
Branding Guide LP assets-example_brochure_spread-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.