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.

Graphics

Download graphics

Lean Labs use unbranded devices to display information. Graphical style still a work in progress.

Video thumbnails

Video thumbs require a logo, cut out team member - w/border, title, sub text and background image.

Offers

Modules

LLv3 Hero 01

LLv3 Hero 02

LLv2 One Col 01

LLv3 Two Col 01

LLv3 Two Col Gallery 01

LLv3 Two Col Schedule 01

LLv3 Clients 01

LLv3 Stats 01

LLv2 Portfolio List Container v2

LLv3 Video Three Col

LLv3 Offer Bar 01

LLv3 Offer Bar 02

LLv3 Offer Bar 03

LLv3 Offer Parallax 01

LLv2 Testimonial List

LLv3 Meet the Team

LLv3 Cards Team 01

LLv3 Cards Grid 02

SRCO Tabs Accordion 01

LLv3 Tabs Testimonials 01

LLv3 Footer 01

Design Principles

Simple

Make things simple and intuitive. The things you create should be easy to use, easy to learn, easy to find, and easy to adapt. Pair simplicity with delight. Design purposeful interfaces that favor usability, while also infusing delight through color, animation and creative art.

Problem solving

Understand the underlying problem before attempting to solve it. Your work should have purpose — addressing actual, urgent problems that people are facing. Make sure that you can clearly articulate the core of the issue before spending an ounce of time on developing the design.

Human

We foster a sense of joy by humanizing the experience in ways that resonate across cultures. Our brand experience provides users with a playful and personable interaction every time.

Build Measure Learn

The fundamental activity of a lean startup is to turn ideas into products, measure how customers respond, and then learn whether to pivot or persevere. All successful design processes should be geared to accelerate that feedback loop.

Consider the ecosystem

Design modules and create graphics with an awareness of all the places they may show up, as well as which types of content they may appear with.

Lean Labs

Brand & style guidelines