# Framer, Gallery

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

## Why it works

Walsheim headlines set against a black background provide a high-contrast, editorial feel. A grid of cards with 8px corners organizes the work, while the light grey text and white accents ensure the colorful project thumbnails remain the focus.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/framer/community/gallery#section-1) (y 0–51px of 16000) · image: https://designly.sh/media/captures/cap_a1c706b2969745849873952e84b0da36/sections/0.webp · id sec_c020ec4690c14c3b95123a53a6abdcef
2. [Gallery: "Gallery"](https://designly.sh/s/framer/community/gallery#section-2) (y 50–221px of 16000) · image: https://designly.sh/media/captures/cap_a1c706b2969745849873952e84b0da36/sections/1.webp · id sec_58daeee7945a45258e53d5c3949ca7ac
3. [Navigation: "Navigation"](https://designly.sh/s/framer/community/gallery#section-3) (y 281–463px of 16000) · image: https://designly.sh/media/captures/cap_a1c706b2969745849873952e84b0da36/sections/2.webp · id sec_ac48c28bf2db498da840934dc9d79911
4. [Content: "Content"](https://designly.sh/s/framer/community/gallery#section-4) (y 483–16000px of 16000) · image: https://designly.sh/media/captures/cap_a1c706b2969745849873952e84b0da36/sections/3.webp · id sec_400d372b744a484bb1b0cf287ab80545

## Design tokens

- Colours: #111111 (background), #999999 (text), #1F1F1F (surface), #FFFFFF (muted)
- Fonts: walsheim (display), inter (body)
- Corner radius: 8px
- Section padding: 80px
- Export: https://designly.sh/s/framer/community/gallery?format=tokens.css · https://designly.sh/s/framer/community/gallery?format=tokens.json · https://designly.sh/s/framer/community/gallery?format=tokens.tailwind.css

## Images

- Desktop (1440×16000): https://designly.sh/media/captures/cap_a1c706b2969745849873952e84b0da36/desktop.webp
- Mobile (390×6621): https://designly.sh/media/captures/cap_a1c706b2969745849873952e84b0da36/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
- [Pricing](https://designly.sh/s/framer/pricing?format=md) — /pricing

## Related

- [Pitch, Gallery](https://designly.sh/s/pitch/templates?format=md) — SaaS · Gallery · Custom code · Berlin, Germany · styles: type-led, corporate, light, geometric · image: https://designly.sh/media/captures/cap_ae67fe7f65594222b7df39803fc73520/desktop.webp
- [Worm, Gallery](https://designly.sh/s/worm/projects?format=md) — Florists · Gallery · Squarespace · London, UK · styles: editorial, type-led, airy, minimal · image: https://designly.sh/media/captures/cap_13e6c778f3304162b0df66c1a564cb66/desktop.webp
- [Vanessa Mckeown, Gallery](https://designly.sh/s/vanessa-mckeown/personal?format=md) — Photographers · Gallery · Wix · London, UK · styles: bold, colourful, photo-led, maximalist · image: https://designly.sh/media/captures/cap_f099eb92abef4bc496bbd5fc5c428701/desktop.webp
- [Vanessa Mckeown, Gallery](https://designly.sh/s/vanessa-mckeown/commissions?format=md) — Photographers · Gallery · Wix · London, UK · styles: colourful, photo-led, bold, playful · image: https://designly.sh/media/captures/cap_1f000fe2b09843c98aa203567aedce35/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.