Elation Health Logo

Brand Guidelines

Elation Health is deeply committed to helping independent primary care practices take better care of their patients. And we need your help to fulfill that vision!

Table of Contents

Logos

Insight on how & when to use:

  • Each of Elation’s logos serves its unique purpose in presenting Elation as a brand and business. A logo is one visual expression of the brand, but not the entirety of it. In most cases, it is appropriate to use the primary logo. This logo will speak for how people will recognize and remember Elation as a brand! This logo should be used more frequently than not in order to create brand awareness due to having the full brand name spelled out, compared to the E-icon.
  • When using the logo and ‘E-icon’ in Elation Blue, opt to use them on all white and light backgrounds this will help with the legibility. Use the logo in white on navy, dark, and photo backgrounds.
  • Where you might opt to use the ‘E-icon’: Website Favicon, Mobile App Icons, Social Media Profiles, Printed Materials, Packaging, Watermark, UI elements, etc. To ensure legibility, exercise caution when resizing the main Elation logo, avoiding dimensions below 60 pixels or 0.85 inches (width).

Primary logo (blue, black, white)

Misuse of logo

Download Elation Logos

Colors, Icons, and How to Use

Text Colors

NAVY: all text on white and light backgrounds

HEX: #00214D
RGB: 0 / 33 / 77

CMYK: 100 / 90 / 38 / 42
PANTONE: 655 C

WHITE: all text on dark backgrounds and photos

HEX: #FFFFFF
RGB: 255 / 255 / 255

CMYK: 0 / 0 / 0 / 0

Accent Colors

ELATION BLUE: logo and minimally as an accent color

HEX: #1C94BC
RGB: 28 / 148 / 188

CMYK: 79 / 15 / 27 / 0
PANTONE: 7689 C

CORAL: minimally as an accent color

HEX: #FF754C
RGB: 255 / 117 / 76

CMYK: 0 / 68 / 73 / 0
PANTONE: 2024 C

WHITE: all text on dark backgrounds and photos

HEX: #FFFFFF
RGB: 255 / 255 / 255

CMYK: 0 / 0 / 0 / 0

DARK SPRUCE: minimally as an accent color

HEX: #01202F
RGB: 1 / 32 /47

CMYK: 91 / 73 / 55 / 66
PANTONE: 296 C

LIGHT BLUE: backgrounds and minimally as an accent

HEX: #F5FAFF
RGB: 245 / 250 / 255

CMYK: 3 / 0 / 0 / 0

TAN: backgrounds and minimally as an accent color

HEX: #FFF9F2
RGB: 255 / 249 / 242

CMYK: 0 / 2 / 4 / 0

Secondary Colors

  • Secondary colors are only to be used sparingly and when all other Elation brand colors have been used in the design.
  • Ideal use of secondary colors is in small graphic elements or as a background color.
  • Use on digital collateral only.

GREEN / LIGHT GREEN

GREEN HEX: #92C57D
LIGHT GREEN HEX: #C4DDB2

PURPLE / LIGHT PURPLE

PURPLE HEX: #8E7CC3
LIGHT PURPLE HEX: #C0B4D9

YELLOW / LIGHT YELLOW

YELLOW HEX: #FFD966
LIGHT YELLOW HEX: #7F6000

RED / LIGHT RED

RED HEX: #EB5757
LIGHT RED HEX: #F6A29D

Icons

  • Primary icons style uses simple thin navy lines, with an offset pastel color.
  • Simple icon style can be used on resources or when a simple icon is needed.

EXAMPLE PRIMARY ICONS

  • Primary icons style uses simple thin navy lines, with an offset pastel color.
  • Simple icon style can be used on resources or when a simple icon is needed.

EXAMPLE PRIMARY ICONS

EXAMPLE SIMPLE ICONS

Icon Colors

NAVY

HEX: #00214D
Used for icon outlines

 

MEDIUM ELATION BLUE

HEX: #96CFE3
Offset color

MEDIUM CORAL

HEX: #FB9D83
Offset color

DUSTY NAVY

HEX: #AABCD4
Offset color

LIGHT GREY

HEX: #C4C7CC
Offset color

Typography

Headlines

Gelasio is a contemporary serif typeface that expresses the human side of Elation. It feels generally formal and rational but its rounded terminals make it more contemporary and friendly. It also offers an occasional flourish, especially in the italics.

Use Gelasio Regular for headlines, page titles, and large bodies of copy. Gelasio Medium, Semi-Bold, Bold or Italics may be used to highlight areas of importance.

Gelasio Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!?@#$%^&*

Gelasio Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!?@#$%^&*

Gelasio Semi-Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!?@#$%^&*

Gelasio Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!?@#$%^&*

Gelasio Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!?@#$%^&*

Main Uses: headlines and sub-headlines

  • Capitalization:
    H1: AP Title Case
    All other subheadings: Use capital letters
    for the first word of a sentence and for all
    proper nouns.

For print/digital collateral

  • Color: Navy, white
  • Standard primary heading size (InDesign/Illustrator): 19pt
  • Standard secondary heading font size (InDesign/Illustrator): 15pt
  • Standard secondary heading line height (InDesign/Illustrator): 23pt
  • Kerning (InDesign/Illustrator): optical
    Tracking (InDesign/Illustrator): 5
  • Add drop shadow if needed for clarity against photo backgrounds

Body Copy

Inter is a condensed sans-serif typeface with slab-serif like qualities that brings a technical side to our communications. It is a variable font family carefully crafted & designed for computer screens.

Inter features a tall x-height to aid in readability of mixed-case and lower-case text. Several OpenType features are provided as well, like contextual alternates that adjusts punctuation depending on the shape of surrounding glyphs, slashed zero for when you need to disambiguate “0” from “o”, tabular numbers, etc.

Use Inter for subtitles, subtexts, body copy, captions, links, and footers. For information that needs to feel different from body copy, such as quotes or call-outs, bold font point and all caps can also be used.

Inter Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!?@#$%^&*

Inter Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!?@#$%^&*

Inter Semi-Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!?@#$%^&*

Inter Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!?@#$%^&*

Inter Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!?@#$%^&*

Main Uses: body copy, quote attributions, photo captions

  • Capitalization:Use capital letters for the first word of a sentence and for all proper nouns.

For print/digital collateral

  • Color: navy or white, in regular font weight
  • Body text: navy or white, in regular font weight
  • Highlighted text: navy, in bold font weight
  • Links / URLs: coral, in bold font weight
  • Standard font size (InDesign/Illustrator): 10pt
  • Standard line height (InDesign/Illustrator): 23pt
  • Kerning (InDesign/Illustrator): optical
    Tracking (InDesign/Illustrator): 5

Quotes

  • Color: navy, in regular font-weight
  • Alignment: center justified
  • Kerning (InDesign/Illustrator): optical
  • Tracking (InDesign/Illustrator): 5
  • Set against boxes with rounded corners in Cloud Blue or Warm Yellow (print or digital).
  • Set against boxes in Navy with White copy (digital only, copy alignment left).
  • Use Inter font for attribution: bold font weight for name/title, regular font weight for organization/department.
  • Quotes must be attributed with speaker name, designation (ex: MD, DO, PA), company/practice name, and location.

Print or Digital

"Elation’s modern EHR platform enables us to harness the latest technology, including AI, enabling seamless integrations that drive efficiency gains for my team."

Dr. Dian Ginsberg, MD
Bellaire, TX

"Elation is by far the best medical software I've ever worked with. For primary care, family medicine, even pediatrics, and internal medicine – Elation provides the tools that we need and none that we don't."

Dr. Andrew Carroll, MD
Chandler, AZ

Digital Only

"Elation is by far the best medical software I've ever worked with. For primary care, family medicine, even pediatrics, and internal medicine – Elation provides the tools that we need and none that we don't."

Dr. Andrew Carroll, MD
Chandler, AZ