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.
Images
Photography
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
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.
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
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 Nav Dropdown 01
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 Modal 01
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.