KLER Marketing Resources
and Identity Guidelines

 

We believe that powerful marketing will help bring continued success for our company. Use these identity guidelines in all marketing communications.

Typography

Primary Font in All Marketing Communications

The chosen for KLER communications is Roboto. When developing products and printed materials, use the Roboto font family as your primary font.

When selecting the font size and weight, please consider readability (particularly when it is placed over an image).

KLER Headline (Roboto Black)

Subheader (Roboto Bold)

Content text (Roboto Regular)

Font size

Although there are no specific requirements for the sizing of fonts used in headlines or mastheads; keep in mind the approved fonts. Use judgement when considering what size font to use. Remember, being big and bold represents the attributes of the brand. Our brand is a movement. Font size should stay consistent through the entire message to embody the overall tone.

Capitalization

All expressions of headlines should be in title case ” the capitalization of text in which the first letter of each major word is set in capital.

Aside from the company name, using all caps is not part of KLER’s brand execution. In particular, all caps should not be used in full sentences, titles or headlines. In very limited cases, they may be used to differentiate between smaller headline treatments in documents with complex structures. They should indicate meaning or clarify direction, not act as a style move.

Alignment

Left-aligned body type in headlines and paragraphs is the easiest for readers, but is not mandated. Copy alignment that is significantly different from left aligned (centered, justified, right aligned) can distract the reader from the content of a project. Left alignment is not mandated, but is suggested based on readability studies in user-centered design. Alignment is a variable that will be determined by your project requirements.

Color Palette

Primary Colors

  • KLER is divided into three distinct brands: KLER, KLER CBD, and KLER THC. Each of which are assigned brand-specific colors and should always be considered for the first choices for color elements in your project.
  • White and black serve as foundational colors that allow the primary colors to shine.

KLER Primary
Hex: #313f4f
RBG: 49, 63, 79
CMYK: 0.82, 0.67, 0.48, 0.39

KLER Secondary
Hex: #181f27
RGB: 24, 31, 39
CMYK: 0.81, 0.70, 0.58, 0.71

KLER Primary
Hex: #32689b
RBG: 50, 104, 55
CMYK: 0.86, 0.58, 0.17, 0.02

KLER Secondary
Hex: #19344d
RGB: 25, 52, 77
CMYK: 0.94, 0.76, 0.45, 0.41

KLER Primary
Hex: #14421f
RBG: 20, 66, 31
CMYK: 0.70, 0, 0.53, 0.74

KLER Secondary
Hex: #0a210f
RGB: 10, 33, 15
CMYK: 0.77, 0.56, 0.77, 0.77

Black
Hex: #000000
RGB: 0, 0, 0
CMYK: 0, 0, 0, 1

White
Hex: #FFFFFF
RGB: 255, 255, 255
CMYK: 0, 0, 0, 0

Marzipan
Hex: #EAC582
RGB: 234, 197, 130
CMYK: 0, 0.16, 0.44, 0.08

Finch
Hex: #6C6D63
RGB: 108, 109, 99
CMYK: 0.01, 0, 0.09, 0.57

Official Logo and Seal

Overview of Use

The official colors and fonts of the company are graphic elements that support the KLER brand. These elements strengthen the ability of the company to communicate its mission and message, and create a visual relationship between your audience and everything KLER.

  • Use a KLER logo on everything you produce.
  • Everything you produce should look like it is from KLER, using the company’s colors, fonts and logos.
  • Vector format (Adobe Illustrator) files are available for all logo files for high resolution print materials upon request (send request to: [email protected]).

KLER Logo (Dark)

Horizontal logo for use in landcape layouts.

Download
Small – PNG format (300 x 163)
Medium – PNG format (512 x 278)
Large – PNG format (1024 x 556)

KLER Logo (Light)

Horizontal logo for use in landcape layouts.

Download
Small – PNG format (300 x 163)
Medium – PNG format (512 x 278)
Large – PNG format (1024 x 557)

KLER Logo Simple (Dark)

Horizontal logo for use only when the graphic details in the hexagons are either hard to make out or the layout is too busy.

Download
Small – PNG format (300 x 150)
Medium – PNG format (512 x 256)
Large – PNG format (1024 x 513)

 KLER Logo Simple (Light)

Horizontal logo for use only when the graphic details in the hexagons are either hard to make out or the layout is too busy.

Download

Small – PNG format (300 x 150)
Medium – PNG format (512 x 256)
Large – PNG format (1024 x 513)

KLER Icon

For use without the text at the bottom of marketing materials followed by contact details.

Download
Small – PNG format
(262 x 300)
Medium – PNG format
(447 x 512)
Large – PNG format (895 x 1024)

KLER Icon

For use without the text at the bottom of marketing materials followed by contact details.

Download
Small – PNG format
(255 x 300)
Medium – PNG format
(434 x 512)
Large – PNG format (869 x 1024)

KLER Icon

For use without the text at the bottom of marketing materials followed by contact details.

Download
Small – PNG format
(254 x 300)
Medium – PNG format
(433 x 512)
Large – PNG format (867 x 1024)

KLER Product Images

Overview of Use

Always use the latest-generation KLER-provided product images in all your marketing materials. Use KLER product images œas is and without modification. Modifications include adding reflections, shadows, highlights, or graphic elements that appear to enter or come out of the product screen; cropping, tilting, or obstructing any part of the images; animating, flipping, or spinning the images; or creating buttons or icons with a product image. You can place promotional copy or violators beside the product images, not on top of them.

KLER Software Screens

Screenshot of KLER software displaying product details, point of sale display, and custom reports.

Download
Small – PNG format (360 x 76)
Medium – PNG format (1080 x 1080)
Full Size – PNG format (1591 x 403)

 

KLER Android Screens

Screenshots of KLER on Android displaying the customer queue, product list, and payment screens.

Download
Queue – PNG format (2120 x 1400)
Products – PNG format (2120 x 1400)
Payment – PNG format (2120 x 1400)