# Framer, Pricing

SaaS · Pricing · Custom code · Amsterdam, Netherlands
Live page: https://www.framer.com/pricing
On Designly: https://designly.sh/s/framer/pricing · JSON: https://designly.sh/s/framer/pricing?format=json
Site: [Framer](https://designly.sh/s/framer?format=md) (https://www.framer.com)
Styles: dark, type-led, minimal, corporate

## Why it works

White Inter type on a black background keeps the focus on the pricing tiers. Bright sky blue is used for the "Start with Pro" button, drawing the eye to the middle-tier option, while the dark grey surfaces separate the plan cards from the background.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/framer/pricing#section-1) (y 0–64px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/0.webp · id sec_11a2a35f323c4bf48279f32bb0515d49
2. [Hero: "Start free, then scale your site"](https://designly.sh/s/framer/pricing#section-2) (y 64–953px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/1.webp · id sec_caeae16637e44a4593cf98af8bec3a2b
3. [Content: "Content"](https://designly.sh/s/framer/pricing#section-3) (y 953–1233px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/2.webp · id sec_7bd8cd1c3f5e42e39e5d6cfd9a54411d
4. [Content: "Content"](https://designly.sh/s/framer/pricing#section-4) (y 1233–1377px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/3.webp · id sec_30b6e6d288ae4ad8b27773b0d4fc5b2c
5. [Content: "Content"](https://designly.sh/s/framer/pricing#section-5) (y 1377–1486px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/4.webp · id sec_bffbad295c0547b3a793713a79fe5104
6. [Content: "Content"](https://designly.sh/s/framer/pricing#section-6) (y 1486–1665px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/5.webp · id sec_b654a8e0e1764706aedc10abda2f185b
7. [Content: "Content"](https://designly.sh/s/framer/pricing#section-7) (y 1664–1862px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/6.webp · id sec_3bc5902cb3494e2f90cb6755d27194ec
8. [Stats: "Stats"](https://designly.sh/s/framer/pricing#section-8) (y 1862–2060px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/7.webp · id sec_a5edfc3ad95b4572a5145546fe877432
9. [Content: "Content"](https://designly.sh/s/framer/pricing#section-9) (y 2060–2257px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/8.webp · id sec_27312366b62545ee8253a3fae50569d6
10. [Content: "Content"](https://designly.sh/s/framer/pricing#section-10) (y 2257–2455px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/9.webp · id sec_83477fc76f0540d48fda4c5df023954c
11. [Content: "Content"](https://designly.sh/s/framer/pricing#section-11) (y 2455–2652px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/10.webp · id sec_32daf3f2536d4cc689c47f85269bd08e
12. [Content: "Content"](https://designly.sh/s/framer/pricing#section-12) (y 2652–2933px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/11.webp · id sec_0861c8fa574447cfbd1047aed064af4a
13. [Content: "Content"](https://designly.sh/s/framer/pricing#section-13) (y 2933–3181px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/12.webp · id sec_651f34f1c5e4489890ffefce68c0055e
14. [Content: "Content"](https://designly.sh/s/framer/pricing#section-14) (y 3181–3363px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/13.webp · id sec_596fa5acbf7c4724998a90396a47583c
15. [Content: "Content"](https://designly.sh/s/framer/pricing#section-15) (y 3363–3481px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/14.webp · id sec_d9dd01ba6df14dd4aa3b83219599d6f2
16. [Content: "Content"](https://designly.sh/s/framer/pricing#section-16) (y 3481–3679px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/15.webp · id sec_0198abb0ea4044c694240fc769d9485c
17. [Content: "Content"](https://designly.sh/s/framer/pricing#section-17) (y 3679–3828px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/16.webp · id sec_3b630d87f502402bbb8a2a72192b2a73
18. [Content: "Content"](https://designly.sh/s/framer/pricing#section-18) (y 3827–4025px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/17.webp · id sec_b60ef250af22432fbb714cc77d23ecb5
19. [Content: "Content"](https://designly.sh/s/framer/pricing#section-19) (y 4025–4143px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/18.webp · id sec_4b0ba65efdab424ea7971e3180d34f98
20. [Content: "Content"](https://designly.sh/s/framer/pricing#section-20) (y 4143–4325px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/19.webp · id sec_3d1a4c73b1974c649f8953df9e9f4cfd
21. [Content: "Content"](https://designly.sh/s/framer/pricing#section-21) (y 4326–4642px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/20.webp · id sec_5780e416e23c4da2a1928aec700c10c0
22. [Content: "Content"](https://designly.sh/s/framer/pricing#section-22) (y 4642–4932px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/21.webp · id sec_2f6350e510c041c6884f44d764517032
23. [FAQ: "FAQ"](https://designly.sh/s/framer/pricing#section-23) (y 4932–7397px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/22.webp · id sec_cab9c5907f3e423cab7da3c9b24bcbc8
24. [Footer: "Footer"](https://designly.sh/s/framer/pricing#section-24) (y 7497–8109px of 8109) · image: https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/sections/23.webp · id sec_4a7e4385318d4104ac06bee9f588aa15

## Design tokens

- Colours: #000000 (background), #FFFFFF (text), #0099FF (accent), #1A1A1A (surface)
- Fonts: Inter Variable (display)
- Section padding: 80px
- Export: https://designly.sh/s/framer/pricing?format=tokens.css · https://designly.sh/s/framer/pricing?format=tokens.json · https://designly.sh/s/framer/pricing?format=tokens.tailwind.css

## Images

- Desktop (1440×8109): https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_95ea06c328c84557bc2c1c96eaf9a9bc/mobile.webp
- Captured: 2026-10-26

## Other Pages of Framer

- [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

## Related

- [Rive, Pricing](https://designly.sh/s/rive/pricing?format=md) — SaaS · Pricing · Custom code · Los Angeles, USA · styles: dark, type-led, geometric, minimal · image: https://designly.sh/media/captures/cap_1e5b84d034c44a76a85a89300579debc/desktop.webp
- [Readwise, Pricing](https://designly.sh/s/readwise/pricing?format=md) — SaaS · Pricing · Custom code · styles: type-led, serif, light, airy · image: https://designly.sh/media/captures/cap_36dfd2dd05f5434d90e1616b3e201ea7/desktop.webp
- [Pitch, Pricing](https://designly.sh/s/pitch/pricing?format=md) — SaaS · Pricing · Custom code · Berlin, Germany · styles: type-led, geometric, airy, corporate · image: https://designly.sh/media/captures/cap_66eaa9e425554e539dc1c7333b577375/desktop.webp
- [Paper, Pricing](https://designly.sh/s/paper/pricing?format=md) — SaaS · Pricing · Custom code · styles: type-led, minimal, airy, corporate · image: https://designly.sh/media/captures/cap_0c3d3538163d4279bc6bd2f55f85aa35/desktop.webp

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