Framer brand and trademark guidelines

We love seeing all the amazing things our community builds. These guidelines explain how to use the Framer name, logo, and wordmark correctly.

Download the official Framer logo, colors, and
other brand files. Use these to represent Framer consistently across your designs and content.

Essentials

Framer logo

Logo Icon

Framer logo

Logo Icon

Framer logo

Logo Icon

Framer logo

Logo wordmark

Framer logo

Logo wordmark

Framer logo

Logo wordmark

#000000

Black

#000000

Black

#000000

Black

#FFFFFF

White

#FFFFFF

White

#FFFFFF

White

#0099FF

Framer Blue

#0099FF

Framer Blue

#0099FF

Framer Blue

#0055FF

Framer Deep Blue

#0055FF

Framer Deep Blue

#0055FF

Framer Deep Blue

Framer app icon

App icon

Framer app icon

App icon

Framer app icon

App icon

Partnerships

Use our lockup for partnerships. Give both marks abundant room to breathe. This keeps logos clear, legible, and separate from distracting elements.

Pairing logos

Use the right mark for the context. Pair wordmarks with wordmarks and icons with icons. Ensure marks are evenly sized with plenty of clear space around them.

Usage

Besides the standard rules for all logos (no warping, stretching, or distortion), there are also a few specific guidelines for how our logo should not be used below.

Don't outline the logo
Don't outline the logo
Don't outline the logo

Never outline the logo

Don't rotate the logo
Don't rotate the logo
Don't rotate the logo

Never rotate or skew the logo

Don't use the old colored logo
Don't use the old colored logo
Don't use the old colored logo

Never use colored logos

Don't change the logo font
Don't change the logo font
Don't change the logo font

Never use other typefaces

Don't change the logo color
Don't change the logo color
Don't change the logo color

Never apply color to the logo

Don't place the logo on low contrast background
Don't place the logo on low contrast background
Don't place the logo on low contrast background

Never place the logo on a low contrast background color

Don't create your own logo combinaions
Don't create your own logo combinaions
Don't create your own logo combinaions

Never create your own logo combinations or connect the wordmark to other words

Don't use the icon as the letter F
Don't use the icon as the letter F
Don't use the icon as the letter F

Never use the Framer icon as the letter F with the wordmark

Don't adjust the size or positioning of the lockup
Don't adjust the size or positioning of the lockup
Don't adjust the size or positioning of the lockup

Never adjust the size or position of elements within our lockup