# Framer: style sheet

Measured on 5 of 5 published Pages, newest Capture 2026-10-26. Every value is measured on the live page unless marked inferred.
On Designly: https://designly.sh/style-sheets/framer · JSON: https://designly.sh/style-sheets/framer.json
Site: [Framer](https://designly.sh/s/framer?format=md) (https://www.framer.com)

## Colour

- #FFFFFF: text · 5/5 Pages
- #000000: background · 4/5 Pages
- #999999: muted · 3/5 Pages
- #0099FF: accent · 2/5 Pages
- #1A1A1A: surface · 2/5 Pages
- #171717: surface · 1/5 Pages
- #111111: background · 1/5 Pages
- #1F1F1F: surface · 1/5 Pages
- Contrast, text on background: 21:1 (AAA)
- Contrast, text on surface: 17.4:1 (AAA)
- Contrast, accent on background: 7:1 (AAA)

## Type

- display: GT Walsheim Medium · 3/5 Pages
- body: Inter · 2/5 Pages
- body: Inter Variable · 2/5 Pages
- display: walsheim · 1/5 Pages
- display: Inter Variable · 1/5 Pages

## Spacing

- Base unit (inferred): 4px, 5 of 5 measured paddings on it
- Section padding: 80px · 2/5 Pages
- Section padding: 20px · 1/5 Pages
- Section padding: 100px · 1/5 Pages
- Section padding: 160px · 1/5 Pages

## Radius

- 8px · 2/5 Pages
- 5px · 1/5 Pages

## Pages

- [Home](https://designly.sh/s/framer?format=md) — /
- [Blog](https://designly.sh/s/framer/blog?format=md) — /blog
- [Careers](https://designly.sh/s/framer/careers?format=md) — /careers
- [Gallery](https://designly.sh/s/framer/community/gallery?format=md) — /community/gallery
- [Pricing](https://designly.sh/s/framer/pricing?format=md) — /pricing

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.