# Framer, Home

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

## Why it works

Video content in the hero provides immediate proof of the agent in motion, followed by a dense grid of trusted brand logos to build authority.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/framer#section-1) (y 0–64px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/0.webp · id sec_88fc5409d89b4a80b04da0412c8fca41
2. [Hero: "Hero"](https://designly.sh/s/framer#section-2) (y 64–436px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/1.webp · id sec_5eb613f7d8a440a7a1447a8459a80d12
3. [Content: "Content"](https://designly.sh/s/framer#section-3) (y 436–1110px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/2.webp · id sec_960f01fd15b04875a4f623e77093b65f
4. [Content: "Content"](https://designly.sh/s/framer#section-4) (y 1110–1446px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/3.webp · id sec_0fad4f39afc94128873115c736ae5c11
5. [Content: "Agents that work alongside you, not instead of…"](https://designly.sh/s/framer#section-5) (y 1466–1563px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/4.webp · id sec_d07c4e4030a245329676150cffb9350b
6. [Content: "Content"](https://designly.sh/s/framer#section-6) (y 1613–2091px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/5.webp · id sec_f0075a0e1f4c495ca2948b7963a1e729
7. [Content: "Design with an agent"](https://designly.sh/s/framer#section-7) (y 2095–2232px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/6.webp · id sec_fa4198f5d7b040238f0b894f98d43de5
8. [Content: "Content"](https://designly.sh/s/framer#section-8) (y 2313–2791px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/7.webp · id sec_b302388d1251458981735ce155b47aef
9. [Content: "Run your CMS with an agent"](https://designly.sh/s/framer#section-9) (y 2795–2932px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/8.webp · id sec_93aeb6e805d34389bee072e34a0add68
10. [Content: "Content"](https://designly.sh/s/framer#section-10) (y 3013–3491px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/9.webp · id sec_73b2df53d19849a8ab67bf8f166d40c9
11. [Content: "Code with an agent"](https://designly.sh/s/framer#section-11) (y 3495–4343px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/10.webp · id sec_93b8f9d2b0d248d19c0fdfbe6810a6e7
12. [Content: "Not just vibes, a full platform"](https://designly.sh/s/framer#section-12) (y 4583–4738px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/11.webp · id sec_fffaf16d77e74b57837bb42a88c83697
13. [Content: "99.99%"](https://designly.sh/s/framer#section-13) (y 4778–6506px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/12.webp · id sec_457646b2e5ad49e8a75c997a3fbc39de
14. [Gallery: "Gallery"](https://designly.sh/s/framer#section-14) (y 6546–6996px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/13.webp · id sec_dc6031438e0c4219858be0f5a5a1f31c
15. [Gallery: "Gallery"](https://designly.sh/s/framer#section-15) (y 7006–7456px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/14.webp · id sec_e132e1cd70f3452f8c41921015b247d5
16. [Logos: "Trusted by teams shipping big sites"](https://designly.sh/s/framer#section-16) (y 7576–8395px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/15.webp · id sec_36ec6ef5ef4544bb9f447858ab1eda78
17. [Content: "Built on a community that isn’t going anywhere"](https://designly.sh/s/framer#section-17) (y 8515–8612px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/16.webp · id sec_282865ed164640de97d639ad48c616c8
18. [Content: "Content"](https://designly.sh/s/framer#section-18) (y 8652–9492px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/17.webp · id sec_61ad72c228e3451e8711d298acf73898
19. [Contact: "Your next idea starts here"](https://designly.sh/s/framer#section-19) (y 9612–10253px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/18.webp · id sec_e34945f02aaa4968b8a460c0ebae01df
20. [Footer: "Footer"](https://designly.sh/s/framer#section-20) (y 10253–10865px of 10865) · image: https://designly.sh/media/captures/cap_b95b32f1f84f4cc9ae05e7764a9963eb/sections/19.webp · id sec_82dd703043154d6a89d4346cba6d2bf5

## Design tokens

- Colours: #000000 (background), #FFFFFF (text), #0099FF (accent), #171717 (surface), #999999 (muted)
- Fonts: GT Walsheim Medium (display), Inter (body)
- Corner radius: 8px
- Section padding: 20px
- Export: https://designly.sh/s/framer?format=tokens.css · https://designly.sh/s/framer?format=tokens.json · https://designly.sh/s/framer?format=tokens.tailwind.css

## Images

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

## Other Pages of Framer

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

## Related

- [Rive, Home](https://designly.sh/s/rive?format=md) — SaaS · Home · Custom code · Los Angeles, USA · styles: dark, bold, type-led, geometric · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/desktop.webp
- [Readwise, Home](https://designly.sh/s/readwise?format=md) — SaaS · Home · Custom code · styles: serif, type-led, light, editorial · image: https://designly.sh/media/captures/cap_be4b5933b93c493982f8eb69abbc6f5d/desktop.webp
- [Pitch, Home](https://designly.sh/s/pitch?format=md) — SaaS · Home · Custom code · Berlin, Germany · styles: type-led, bold, tech, dark · image: https://designly.sh/media/captures/cap_56fccf5229fc4c9d81e43d11967aa135/desktop.webp
- [Paper, Home](https://designly.sh/s/paper?format=md) — SaaS · Home · Custom code · styles: type-led, minimal, geometric, tech · image: https://designly.sh/media/captures/cap_07112d7971a1433bb85855db740ee4b5/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.