Jumio Brand Guide

Brand Elements

The Jumio logo consists of a bold, custom font. Optimal kerning, weight and color choices were made to optimize fast recognition and boldness. The simple lines and shape of the letters allow legibility at small sizes and on a variety of media and backgrounds. The two colors of the logo are easily reproduced in different color modes. A vivid green “i” represents the terms “identity” and “individual." The dark gray letters give an ideal contrast to the “i” but maintain legibility of the full company name.

Variations

There are two official color variations of the Jumio logo. The white and green logo should be used on dark backgrounds. The gray and green logo should be used on light backgrounds. When a one color logo is needed, the “i” should be a 50% screen of the brand gray.

Download

Scale

The logo should not be scaled smaller than 48 px or .5 in wide on any type of media. It is preferred that logo is not scaled smaller than 72 px (or .75 in) on print advertising.

48 px

Clear space

Logo must always be encased in a blank area equal to the height of the “j” on all four sides.

Backgrounds

Logo may be used on top of white or very light gray, or reversed out on top of dark colors, bold gradients, or low contrast images. Medium tone solids and high contrast photo backgrounds are not acceptable.

Don'ts

Don’t use mid-tone backgrounds.

Don’t use high contrast photo backgrounds.

Don’t use the logo on its side.

Don’t stretch or manipulate the logo.

Typography

Jumio brand fonts were selected specifically for their uniqueness, accessibility, and readability. They are inspired by the modern technology that is Jumio. All typography should be either white on dark or brand gray on light.

Jumio’s primary brand font is Titillium Web. It can be used in regular or bold weights for headlines and button text. Line spacing should always be font size +10 pt. Kerning should be set at 10.

Titillium Web Regular

Titillium Web Bold

Jumio’s secondary brand font in Rubik. It can be used for in regular or bold weight for subheads and call-outs. Rubik Regular is also the brand paragraph font. Line spacing should always be font size +12 pt. Kerning should be set at 10.

Rubik Regular

Rubik Bold

Hierarchy examples

Short, Titillium Web Bold Headline

Subhead is Rubik Regular set to about 1/2 the point size.

Short, Titillium Web Regular Headline

Subhead is now Rubik Bold set to about 1/3 the point size.

Sometimes Rubik Bold is used for subheads above paragraphs.

Rubik Regular should be used for all paragraphs. On the Jumio website, paragraphs are 18 pt. font size with 30 pt. line spacing. In print, the minimum font size for Rubik paragraphs is 9 pt. It is very legible at small sizes and can be used in 7 pt. for fine print when needed.

Color Palette

Jumio brand colors were selected because of their accessibility as well as their relation to the boldness of modern technology. Our color palette also celebrates the vivid contrasts of our global market.

Primary brand colors

Jumio White

R255 G255 B255

C0 M0 Y0 K0

#FFFFFF

PMS White

Jumio Green

R146 G192 B57

C45 M0 Y100 K5

#93c139

PMS 382U, 376C

Jumio Gray

R50 G50 B50

C0 M0 Y0 K90

#323132

PMS Black 6U, 432C

Primary brand gradient

R99 G59 B151

C75 M92 Y0 K0

#633b97

R51 G108 B181

C83 M58 Y0 K0

#336cb5

R48 G186 B161

C75 M0 Y50 K0

#30baa1

Secondary brand gradient

R51 G181 B96

C75 M0 Y85 K0

#33b560

R4 G123 B129

C85 M30 Y50 K7

#048581

Brand App Icon

Download all

The Jumio logo lowercase “j” can be used on a brand gradient shape in this way for apps, favicon, or any digitial display where the company or product needs small represenatation.

Iconography

Jumio iconography should always support the Jumio brand aspect of simple and informative. Icons should be solid filled, use limited shapes and detail, and easily depict a word or phrase at a quick glance.

Icon color and size

Jumio icons should only be white (when used on dark background or over photography), Jumio dark gray, Jumio blue gradient, or Jumio green gradient. Jumio icons are used to support content as a secondary element, so icons should be small to medium in size. Icons placement should maintain a distance from the content that is roughly equal to the size of the icon.

Product icons

Jumio’s secodary gradient is always used for the product line elements in order to differenciate the products themselves from the overall brand. Product icons should be gradient on white or white on gradient. Existing Jumio product icons should always be used.

Jumio ID Verification

Jumio Identity Verification

Jumio Document Verification

Jumio Authentication

Jumio Screening

Jumio Go

Jumio Address Services

Supporting icons

Existing Jumio icons should be used when depicting product features, use cases, technologies, etc. When new icons are used, their style should match that of existing icons in Jumio’s icon library. Here are some examples:

Imagery

Jumio photography should always portray subjects of a variety of age, race, gender to support Jumio’s globally inclusive brand. Photos should always show a single subject using a device, either showing the product on screen or a subject’s face looking at the screen. Photos should be global locations when possible, and use a mix of indoor and outdoor settings. Biometric lines should be added to faces when applicable to the messaging. A dropshadow should be used behind photos when possible. Use images from Jumio stock library whenever possible. Here are some examples:

Photo treatments

Photos should either be full color or use the gradient/black and white “split treatment” described below. The biometric face graphic and phone “glow” should be added to face-forward photos when applicable (i.e. to market facial recognition, biometrics, AI, etc.)

Split treatment

When creating background images for the Loved & Loathed marketing campaign, or other applicable campaigns, a split color treatment can be used. Photo should be diagonally split so the subject’s face is on top or left, and device on bottom or right. Top or left portion should first be converted to a duotone image, then overlaid with the brand primary gradient, and set to a responsible opacity based on the photo’s contrast. Bottom or right portion of the photo should be converted to grayscale. Contrast of the final split photo should be set so the image is clear and so white text can be set on top and remain legible. Here are some examples:

Screenshots

Always use screenshots from the Jumio Zeplin library. Screenshots should be overlaid on most recent models and most popular devices. Screenshots can be used on print or online ads if needed to support the messaging. Here are some examples: