Our logo is combination of our rocket ship icon and our wordmark. Our icon conveys upward momentum and power and our wordmark emphasizes our brand name, Lifter

The wordmark is set in the Nexa typeface. "Lifter" is set in Nexa Bold (600 weight) and "LMS" is set in Nexa Light (200 weight).

LifterLMS Logo

Icon #

In cases when the LifterLMS brand has already been established we may use the icon on its own. While the icon can exist without the wordmark, the wordmark should never exist without the icon.

LifterLMS Logo

Sizing #

By adhering to the minimum sizing specifications for our logo and icon, we ensure that the legibility and visual impact of our logo are never compromised.

Minimum Width
120px
LifterLMS Logo
Minimum Width
22px
LifterLMS Logo

Free Space #

The logo requires sufficient free space between the logo and any surrounding elements.

The clear space should be equal to at least half the height of the icon.

LifterLMS Logo
LifterLMS Logo
LifterLMS Logo

Backgrounds #

Full Color Logo

The full color logo should only be used on a white or light grey background.

The full color logo should only be placed on white or very light grey areas of photographs.

Acceptable Usage

LifterLMS Logo
LifterLMS Logo
LifterLMS Logo
LifterLMS Logo
LifterLMS Logo
LifterLMS Logo

Incorrect Usage

LifterLMS Logo
LifterLMS Logo
LifterLMS Logo
LifterLMS Logo
LifterLMS Logo
LifterLMS Logo

Single-Color Variants

The single-color logos will work well on top of photographs and various background colors.

When possible, use the single-color white logo on the brand blue or on the brand gradient background.

The white single-color logo is always preferred, however when this variant does not provide sufficient contrast with the background the black or grey single-color logos may also be used.

Acceptable Usage

LifterLMS Logo
LifterLMS Logo
LifterLMS Logo
LifterLMS Logo
LifterLMS Logo
LifterLMS Logo
LifterLMS Logo
LifterLMS Logo
LifterLMS Logo

Incorrect Usage

LifterLMS Logo
LifterLMS Logo
LifterLMS Logo

Downloads #

LifterLMS Logo

Color
LifterLMS Logo
Download: PNG | SVG
White on Gradient
LifterLMS Logo (on gradient)
Download: PNG | SVG
Color on Grey
LifterLMS Logo (on Grey)
Download: PNG | SVG
Color on White
LifterLMS Logo (on White)
Download: PNG | SVG
White on Blue
LifterLMS Logo (on Blue)
Download: PNG | SVG
White
LifterLMS Logo (White)
Download: PNG | SVG
Black
LifterLMS Logo (Black)
Download: PNG | SVG
Grey
LifterLMS Logo (Grey)
Download: PNG | SVG

LifterLMS Icon

Color
LifterLMS Icon
Download: PNG | SVG
White on Gradient
LifterLMS Icon (on gradient)
Download: PNG | SVG
Color on Grey
LifterLMS Icon (on Grey)
Download: PNG | SVG
Color on White
LifterLMS Icon (on White)
Download: PNG | SVG
White on Blue
LifterLMS Icon (on Blue)
Download: PNG | SVG
White
LifterLMS Icon (White)
Download: PNG | SVG
Black
LifterLMS Icon (Black)
Download: PNG | SVG
Grey
LifterLMS Icon (Grey)
Download: PNG | SVG


Download All Assets

Name #

Our name is LifterLMS, stylized as a single, camel-case wordmark. The combination of our brand name, "Lifter", and our product category "LMS" (Learning Management System) are combined to create our name.

It's LifterLMS

LifterLMS

Incorrect Stylizations

Lifterlms

Incorrect capitalization

LifterLms

Incorrect capitalization

lifterLMS

Incorrect capitalization

lifterlms

Incorrect capitalization

LIFTERLMS

Incorrect capitalization

Lifter LMS

Incorrect spacing

Colors #

LifterLMS is blue and our color palette exists to augment this primary color. Generally, the primary colors are used for the LifterLMS logo, icons, backgrounds, and illustrations but should not be used for text.

Primary Colors
  • Blue
  • HEX: #466dd8
  • RGB: 70, 109, 216
  • CMYK: 81, 63, 0, 0
  • Alternate Blue
  • HEX: #2295ff
  • RGB: 34, 149, 255
  • CMYK: 70, 37, 0, 0
  • Orange
  • HEX: #f8954f
  • RGB: 248, 149, 79
  • CMYK: 0, 50, 76, 0
Additional Colors
  • Black
  • HEX: #000000
  • RGB: 0, 0, 0
  • CMYK: 93, 88, 89, 80
  • Grey
  • HEX: #808080
  • RGB: 128, 128, 128
  • CMYK: 52, 43, 43, 8
  • White
  • HEX: #ffffff
  • RGB: 255, 255, 255
  • CMYK: 0, 0, 0, 0
  • Light Grey
  • HEX: #fafafa
  • RGB: 250, 250, 250
  • CMYK: 0, 0, 0, 2

Gradient #

The LifterLMS brand gradient may be used as an alternative to the brand's primary blue color for backgrounds and large areas of color in graphics and illustrations.

The gradient should be used at a 45deg angle from the bottom left to the top right of the element. The gradient starts with the alternate blue color and extends to the primary blue color.

Alternate Blue
Blue

Typeface #

LifterLMS uses two typefaces, Nexa and Montserrat.

Nexa is reserved exclusively for use in the LifterLMS logo while Montserrat is used for all other text in design for both web and print.

The Nexa family is characterized by excellent legibility in both web & print design areas. It's well-finished geometric design makes it ideal for use in both headlines.

Montserrat is a free and open source font inspired by the urban typograhpy found in posters in the Montserrat neighborhood of Buenos Aires. The font is licensed under, the SIL Open Font License. It is made available via Google Fonts and a GitHub project.

Sizing #

Our typographic scale allows for 8 different size variations, 6 headlines and 2 body text sizes.

Headlines

Jinxed wizards pluck ivy from the big quilt.

<h1> Headline 1 - 44px/1.4 (Bold 600)

Jinxed wizards pluck ivy from the big quilt.

<h2> Headline 2 - 38px/1.4 (Bold 600)

Jinxed wizards pluck ivy from the big quilt.

<h3> Headline 3 - 32px/1.4 (Bold 600)

Jinxed wizards pluck ivy from the big quilt.

<h4> Headline 4 - 26px/1.4 (Bold 600)
Jinxed wizards pluck ivy from the big quilt.
<h5> Headline 5 - 22px/1.4 (Bold 600)
Jinxed wizards pluck ivy from the big quilt.
<h6> Headline 6 - 18px/1.4 (Bold 600)

Regular Text

Jinxed wizards pluck ivy from the big quilt.

<p>/<li> Body Text - 20px/1.4 (Light 200)

Jinxed wizards pluck ivy from the big quilt.

<small> Small Text - 38px/1.4 (Light 200)

Weight #

We use two weights of the Montserrat family, light (300), and semi-bold (600) and encourage sparing use of italics for emphasis where appropriate.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 01 23 45 67 89 ,. !? @# %& $/ () {} [] <> ;: Montserrat Semi-Bold (600)
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 01 23 45 67 89 ,. !? @# %& $/ () {} [] <> ;: Montserrat Semi-Bold Italic (600)
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 01 23 45 67 89 ,. !? @# %& $/ () {} [] <> ;: Montserrat Light (300)
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 01 23 45 67 89 ,. !? @# %& $/ () {} [] <> ;: Montserrat Light Italic (300)