# Playdate, Gallery

E-commerce brands · Gallery · Custom code · Portland, USA
Live page: https://play.date/games
On Designly: https://designly.sh/s/playdate/games · JSON: https://designly.sh/s/playdate/games?format=json
Site: [Playdate](https://designly.sh/s/playdate?format=md) (https://play.date)
Styles: playful, type-led, colourful, geometric

## Why it works

Roobert type and 10px rounded corners give the catalog a handheld, toy-like character. A bright yellow hero block anchors the page, while a horizontal carousel of genre tags allows for rapid browsing before the vertical game list begins.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/playdate/games#section-1) (y 0–59px of 5147) · image: https://designly.sh/media/captures/cap_78f33bd5ad674ed1a05148f88b131acf/sections/0.webp · id sec_bf7ce867ed9e465193897877563efdd2
2. [Hero: "Season Three"](https://designly.sh/s/playdate/games#section-2) (y 74–4667px of 5147) · image: https://designly.sh/media/captures/cap_78f33bd5ad674ed1a05148f88b131acf/sections/1.webp · id sec_dff25a971ef246ac9b3eef8570592410
3. [Footer: "Footer"](https://designly.sh/s/playdate/games#section-3) (y 4727–5147px of 5147) · image: https://designly.sh/media/captures/cap_78f33bd5ad674ed1a05148f88b131acf/sections/2.webp · id sec_b154383adeda4ccc8af1aeba45ebff23

## Design tokens

- Fonts: Roobert (display)
- Corner radius: 10.69px
- Export: https://designly.sh/s/playdate/games?format=tokens.css · https://designly.sh/s/playdate/games?format=tokens.json · https://designly.sh/s/playdate/games?format=tokens.tailwind.css

## Images

- Desktop (1440×5147): https://designly.sh/media/captures/cap_78f33bd5ad674ed1a05148f88b131acf/desktop.webp
- Mobile (390×3524): https://designly.sh/media/captures/cap_78f33bd5ad674ed1a05148f88b131acf/mobile.webp
- Captured: 2026-10-26

## Other Pages of Playdate

- [Home](https://designly.sh/s/playdate?format=md) — /
- [Ordering](https://designly.sh/s/playdate/shop?format=md) — /shop
- [Product](https://designly.sh/s/playdate/stereo-dock?format=md) — /stereo-dock

## Related

- [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
- [Uncommon Projects, Gallery](https://designly.sh/s/uncommon-projects/case-studies?format=md) — Home services · Gallery · Webflow · London, UK · styles: type-led, minimal, editorial, light · image: https://designly.sh/media/captures/cap_626ed6f2951d4aabb9e2cd75ee8ad47f/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.