top of page
1
Design
R E V I S I O N O N E 0 6 . 2 8 . 2 1
D E S I G N
Grid
Grid
1 x 6
Our logo centers within a 1 x 6 bounding box. Using these proportions we created a 6x6 square grid, that we use throughout our compositions to maintain consistent layouts.
Logo
Spacing
Give Me Some Space
Maintaining proper breathing room around our logo and logotype is of paramount importance. We've used our 1x6 grid to determine that amount of spacing.
Spacing
Composition
A Balanced Approach
By utilizing the grid we developed, our goal is to improve compositional consistency.
Composition
Logo Usage
Logo Usage
Definitely Don’t
Maintaining a consistent and professional brand image is a priority for LeafLink, be sure to avoid doing any of the following:
DO NOT: Squash or stretch the logo
DO NOT: Use an unapproved logo color
DO NOT: Rotate, tilt, or skew the logo
DO NOT: Use outdated company logos
Type Scaling
Type Scaling
A Scaled Solution
Conforming with our grid, we’ve developed a type system scales with our compositions.
Logo
Optically aligned with first vertical stroke of the LeafLink icon.
Headline
SOFIA BOLD 96PT | LEADING 140%
Headline
SOFIA BOLD 96PT | LEADING 140%
Tertiary Headline
SOFIA BOLD 24PT | LEADING 140%
Body
SOFIA REGULAR 12PT | LEADING 140%
Caption
SOFIA ITALIC 10PT | LEADING 140%
Visual Assets
Shape and Form
We've used our logo to define a number of shape assets to use throughout our compositions
Visual Assets
Shape Usage
Shape Usage
Definitely Do
Refer to this handy guide for creative ways to use our shape system in your compositions.
DO: mix shapes with product cards
DO: use shapes in the background of a design
-
DO: Rotate, expand, and re-size shapes to fit layout
-
DO: Balance shapes on
one another
Shape Usage
Definitely Don't
Likewise, here are a few things to avoid when using our shape system.
DO NOT: distort shapes by stretching, or skewing while re-sizing
DO NOT: bring in new shape colors
DO NOT: create new shapes, use only
what’s in shape library
DO NOT: use more than 5-7 shapes
per single design, unless
creating a pattern
DO NOT: use gradient treatments
on shapes
Color