Logo

The Lean Labs logo mark is the instantly recognizable symbol and focal point of our brand. The 5 squares have meanings, based on the outcomes we want to see for our clients. Fill the gap, Achieve objectives, Prove it, Grow and Push the limits.

Do this

Do NOT do this

Style

Colors

Our colors are bold, enthusiastic and full of energy. To ensure a unified brand, it's important to use these colors and these colors only.

Primary & secondary colors

Red #F84756 (:hover state, buttons, accents)
Navy #252A3E (titles, backgrounds, accents)

Interface colors

Blue #1ACBF6 (hyperlinks, clickable, accents)
Green #11E7AE (accents)
Yellow #FFE46B (accents)
Salmon #FEF6F6 (accents, backgrounds)
White #FFFFFF (backgrounds)
Grey #6B6F81 (text)

Typography

Lean Labs use two type families. Merriweather for titles and Poppins for body. All text is written in “Sentence case”, eg. headline: How to get the greatest results from a limited marketing budget

Merriweather

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789

H1 - header one title - Merriweather, black, #252A3E, 48px

H2 - header two title - Merriweather, black, #252A3E, 48 px

H3 - header three title - Merriweather, black, #252A3E, 28px

H4 - header four title - Merriweather, black, #252A3E, 24px

H5 - header five title - Merriweather, black, #252A3E, 20px

Poppins

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789

H6 - Header Six Title - Poppins, Medium, Uppercase, #87909E, 16px

Paragraph Text - Poppins, Regular, #87909E, 16px

Small Paragraph Text - Poppins, Regular, #87909E, 14px

Lead Paragraph Text - Poppins, REGULAR, #87909E, 22px

“Blockquote - Poppins, Light, Italic, #87909E, 16px. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit.”

Text Link - Poppins, Regular, #87909E, 16px

List item - Poppins, Regular, #87909E, 16px
List item - Poppins, Regular, #87909E, 16px
List item - Poppins, Regular, #87909E, 16px

List item - Poppins, Regular, #87909E, 16px
List item - Poppins, Regular, #87909E, 16px
List item - Poppins, Regular, #87909E, 16px

Buttons

There are two types of buttons. Primary buttons and Secondary buttons. Primary buttons are used to push the user to the next step of the buyer journey. Secondary buttons are used to push users deeper into the internal pages.

Primary button text

Secondary button text

Images

Photography

Lean Labs photo library

At Lean Labs we prefer to use bright, bold photography that conveys optimism, humanity, and authenticity. We are constantly adding to our collection of photography to give anyone operating within the Lean Labs brand a good range of photographs to choose from.

Stock photography

GOOD stock photography

Bad stock photography

Icons

We have two graphical icon packs. Icons are being used in graphics and slide decks only. Graphic icons are not to be used within the interface, eg. feature list. However functional icons can be used within the interface, eg. down chevron arrow.

Atmosphere

Lean Labs use abstract, offset shapes and patterns to highlight and frame content. If the frame contains blue - it's clickable. If it's green or another color, it is not clickable.