Framer brand guidelines
Framer's brand and trademark guidelines provide essential logos, color palette swatches, co-branding lockup rules, and clear usage prohibitions on a dark-themed page.
Framer brand guidelines overview highlighting the Essentials assets, color swatches, partnership lockups, and usage rules.
Want a brand center like Framer’s?
Create your brand center with Freedam ↗Freedam's take
I really appreciate how clean Framer keeps its brand guidelines page. Everything sits comfortably on a dark canvas, giving immediate access to essentials like the icon, wordmark, and app icon. One detail I noticed right away is the quick utility button to copy the logo SVG directly to your clipboard, which saves time when you just need the mark. The guidance also lays out clear co-branding rules with partners, showing balanced lockups next to names like Miro and Perplexity, while a crisp grid outlines specific logo treatments to avoid.
At a glance
- Sections
- Essentials · Product shots · Imagery · Partnerships · Pairing logos · Usage
- Downloads
- SVG
- Tone
- Direct, modern, and pragmatic guidance presented on a focused dark canvas.
What I noticed
- The page organizes content under dark-themed sections titled Essentials, Product shots, Imagery, Partnerships, and Usage.1
- The Essentials section displays the Framer icon, wordmark lockup, and app icon alongside a button to copy the logo SVG.23
- A color palette strip is featured with four swatches labeled Black, White, Framer Blue, and Framer Deep Blue.4
- Logo partnership guidance shows co-branding examples with Miro and Perplexity separated by a thin vertical rule.5
- Logo restrictions are displayed in a 3x3 grid using red slash lines to prohibit outlining, recoloring, skewing, low contrast, and altered typefaces.6
Numbers refer to the screenshots above.
What I could not see
- Full typography specifications, licensing details, and individual asset download links could not be viewed in detail from the capture.
Ideas to borrow
- Offering an instant 'Copy logo SVG' action directly in the navigation lets designers grab raw vectors without downloading and extracting zip archives.2
Quick answers
Can I copy the Framer logo directly as an SVG?
Yes, Framer provides a 'Copy logo SVG' action directly on the page.2
What colors are included in the Framer brand palette?
The palette strip features Black, White, Framer Blue, and Framer Deep Blue.4
Reviewed on 25 September 2026. Request a correction · I built this
