Primary
Our primary logo is the default lockup of the mark and wordmark. We prioritize its use in places of first impressions.
Full logo
Last updated 02.11.2020
Logo
Our logo mark takes its inspiration from an abstracted visitor’s badge. Although now we have products beyond the front desk, its equity and recognition remain, paying homage to our roots.
Secondary
Our logo lockup may be separated and used individually in specific instances. Using the mark alone is acceptable when brand familiarity has already been established. For example, when the name "Envoy" is mentioned within copy. Using the wordmark alone is not preferred and requires specific approval.
Mark
Wordmark
Construction
The wordmark was built using Sofia Pro Soft Regular—a rounded version of the geometric sans. Customizing the letterforms, we shortened crossbar of the “E” and selected a stylistic alternate for the “y” in order to emphasize the humanistic personality. The mark utilizes a slightly thinner variation of the capital “E” for optical consistency. Spacing and sizing are based upon multiples of the separation between the mark's "E" and its macron.
Clearspace
Our clearspace is established through the cap height of our logo's E. Please do not place anything within this defined area.
Color usage
There are a variety of ways color can be applied to our logo. The preference is towards full color or white on a brand color. However, black and gray are also acceptable when the needs arise.
Full color
White
Black
Gray
Guidance
Our logo should only be used in its given form. Please do not make any adjustments. Here are some common pitfalls to avoid.
Stacked
Stretched
Typed out
Drop shadow
Stroked
Unapproved colors
Last updated 02.11.2020
Typography
Our brand font is Sofia Pro, chosen for its welcoming personality and clean geometric structure. It’s been pre-installed on each Envoy computer, but can be downloaded here for our external partners.
Font weights
This is the waterfall for the family of Sofia Pro, showcasing the acceptable weights.
- Sofia Pro Ultra Light
- Sofia Pro Extra Light
- Sofia Pro Light
- Sofia Pro Regular
- Sofia Pro Medium
- Sofia Pro Semi Bold
- Sofia Pro Bold
- Sofia Pro Black
Last updated 10.29.2020
Color
The Envoy palette is tangential to primary colors, with an air of modern sophistication. Its tonality provides confidence and optimism.
Primary palette
Below are our colors, showcasing the codes and quantities. The grid represents the hierachy and importance. Red is our brand color and should be utilized in a way that strengthens the association to Envoy. Our smallest colors should be reserved for illustrations and pops of color. Click on any hue to copy the hex value.
- Envoy Red
- PMSWarm Red
- CMYK0 94 84 0
- RGB3 78 98
- HEX#FA4338
- Arctic
- CMYK2 1 0 0
- RGB246 246 249
- HEX#F6F6F9
- White
- CMYK0 0 0 0
- RGB255 255 255
- HEX#ffffff
- Carbon
- CMYK75 65 49 36
- RGB63 68 80
- HEX#3F4450
- Gem
- CMYK87 85 0 0
- RGB65 65 162
- HEX#4141A2
- Garnet
- CMYK20 100 100 15
- RGB160 12 31
- HEX#A00C1F
- Smoothie
- CMYK0 42 4 0
- RGB255 176 197
- HEX#FFB0C5
- Powder
- CMYK31 0 6 0
- RGB181 223 235
- HEX#B5DFEB
- Cilantro
- CMYK93 12 100 2
- RGB38 148 78
- HEX#21944E
- Pistachio
- CMYK21 6 100 0
- RGB211 210 54
- HEX#D3D236
Carbon palette
Below is the full spectrum of our Carbon palette. They are primarily used for backgrounds and text. Click on any hue to copy the hex value.
- Carbon 90
- RGB31 35 45
- HEX#1F232D
- Carbon 80
- RGB48 53 65
- HEX#303541
- Carbon 70
- RGB63 68 80
- HEX#3F4450
- Carbon 60
- RGB92 98 112
- HEX#5C6270
- Carbon 50
- RGB113 118 132
- HEX#717684
- Carbon 40
- RGB138 143 158
- HEX#8A8F9E
- Carbon 30
- RGB164 169 182
- HEX#A4A9B6
- Carbon 20
- RGB215 216 222
- HEX#C9CBD4
- Carbon 10
- RGB235 235 240
- HEX#EBEBF0
- Arctic (Carbon 10)
- RGB235 235 240
- HEX#F6F6F9
Gem palette
Below is the full Gem spectrum—the secondary palette for Envoy and predominant palette used for our Enterprise sub-brand. Click on any hue to copy the hex value.
- Gem 90
- RGB31 31 81
- HEX#1F1F51
- Gem 80
- RGB49 49 124
- HEX#31317C
- Gem 70
- RGB65 65 162
- HEX#4141A2
- Gem 60
- RGB78 78 218
- HEX#4E4EDA
- Gem 50
- RGB97 97 255
- HEX#6161FF
- Gem 40
- RGB112 131 255
- HEX#7083FF
- Gem 30
- RGB143 165 255
- HEX#8FA5FF
- Gem 20
- RGB189 205 255
- HEX#BDCDFF
- Gem 10
- RGB224 232 255
- HEX#E0E8FF
- Gem 5
- RGB240 244 255
- HEX#F0F4FF
Last updated 10.29.2020
Icons
Our primary icon set is intended to be used within UI components to add additional meaning or visual interest. They’re all built using a pixel grid and are intended to be used at actual size.
Primary set
Regardless of platform, we use filled icons as a consistent style across our products.
App icons
Our products are represented with consistent icons throughout our app stores and external sites.
Last updated 10.29.2020
Illustrations
Our illustrative style is flat and clean, brought to life with vibrant color and quirky moments. Our goal is to show the real, raw, and diverse spectrum of humanity.
Styles
We predominantly use three different ways of showcasing our illustration. This ranges from full illustration, to the simplification of our product interface, to a combination of the two.
Full Illustration
Simplified UI
Combo
Last updated 02.11.2020
Look + feel
Workplaces work, but Envoy allows you to bring life into the office. By abstracting the human form and layering those elements over a structured foundation, we create a dynamic composition, emitting confidence, energy, and flexibility.
Graphic elements
This is our library of human shapes, inspired by facial features. While we call them by name, they are not intended to be recognizeable, but rather add interest and feeling.
Chins
Freckles
Eyes
Ears
Lips
Noses
