# Framer, Blog

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

## Why it works

GT Walsheim headlines on a black background give the blog a bold, editorial weight. Small 5px corner radii on buttons and cards maintain a sharp edge, while muted grey text for metadata ensures the white titles remain the primary focus.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/framer/blog#section-1) (y 0–64px of 4562) · image: https://designly.sh/media/captures/cap_3f02116fbc674b05833047e81c1a63ae/sections/0.webp · id sec_d8063bb3b3704b5f853515219cbb1951
2. [Hero: "News, stories, and resources"](https://designly.sh/s/framer/blog#section-2) (y 164–986px of 4562) · image: https://designly.sh/media/captures/cap_3f02116fbc674b05833047e81c1a63ae/sections/1.webp · id sec_04bd681a10aa4a5ebc68c5f910674950
3. [Content: "Content"](https://designly.sh/s/framer/blog#section-3) (y 986–2065px of 4562) · image: https://designly.sh/media/captures/cap_3f02116fbc674b05833047e81c1a63ae/sections/2.webp · id sec_efb6d1d2ab5d4ecc8ee7d6b555bdddab
4. [Stats: "Updates"](https://designly.sh/s/framer/blog#section-4) (y 2065–2569px of 4562) · image: https://designly.sh/media/captures/cap_3f02116fbc674b05833047e81c1a63ae/sections/3.webp · id sec_f6031618b6e643e496d6d1d30537fdc6
5. [Testimonials: "Customer stories"](https://designly.sh/s/framer/blog#section-5) (y 2569–3308px of 4562) · image: https://designly.sh/media/captures/cap_3f02116fbc674b05833047e81c1a63ae/sections/4.webp · id sec_a405b4618b6f481fbcea0632d38c0bde
6. [Contact: "Your next idea starts here"](https://designly.sh/s/framer/blog#section-6) (y 3309–3950px of 4562) · image: https://designly.sh/media/captures/cap_3f02116fbc674b05833047e81c1a63ae/sections/5.webp · id sec_ec28b2b2a0c840f8ad3d9344a773a196
7. [Footer: "Footer"](https://designly.sh/s/framer/blog#section-7) (y 3950–4562px of 4562) · image: https://designly.sh/media/captures/cap_3f02116fbc674b05833047e81c1a63ae/sections/6.webp · id sec_e6f9af366d534e8b89b33b43db9c9ca7

## Design tokens

- Colours: #000000 (background), #FFFFFF (text), #1A1A1A (surface), #999999 (muted)
- Fonts: GT Walsheim Medium (display), Inter Variable (body)
- Corner radius: 5px
- Section padding: 100px
- Export: https://designly.sh/s/framer/blog?format=tokens.css · https://designly.sh/s/framer/blog?format=tokens.json · https://designly.sh/s/framer/blog?format=tokens.tailwind.css

## Images

- Desktop (1440×4562): https://designly.sh/media/captures/cap_3f02116fbc674b05833047e81c1a63ae/desktop.webp
- Mobile (390×6301): https://designly.sh/media/captures/cap_3f02116fbc674b05833047e81c1a63ae/mobile.webp
- Captured: 2026-10-26

## Other Pages of Framer

- [Home](https://designly.sh/s/framer?format=md) — /
- [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, Blog](https://designly.sh/s/rive/blog?format=md) — SaaS · Blog · Custom code · Los Angeles, USA · styles: dark, type-led, bold, geometric · image: https://designly.sh/media/captures/cap_196c86a79b1d4ebd94caf75a48004e7c/desktop.webp
- [Pitch, Blog](https://designly.sh/s/pitch/blog?format=md) — SaaS · Blog · Custom code · Berlin, Germany · styles: type-led, playful, editorial, light · image: https://designly.sh/media/captures/cap_c90239f38bb9472fa4199a0b03525665/desktop.webp
- [Paper, Blog](https://designly.sh/s/paper/blog?format=md) — SaaS · Blog · Custom code · styles: type-led, editorial, geometric, minimal · image: https://designly.sh/media/captures/cap_cfaf5cb6a6bf4537a4f6eaf9a57397b0/desktop.webp
- [Kinopio, Blog](https://designly.sh/s/kinopio/blog?format=md) — SaaS · Blog · Custom code · styles: type-led, minimal, geometric · image: https://designly.sh/media/captures/cap_dbec422d2d6a4c20ad84861bca9088c1/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.