# Playdate, Home

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

## Why it works

Large Roobert type and a bright yellow handheld device against a grey backdrop establish a playful, toy-like character. The massive yellow logo acts as a visual anchor, leading directly to the purple "Shop Now!!" button.

## Sections, top to bottom

1. [Hero: "Hero"](https://designly.sh/s/playdate#section-1) (y 0–1000px of 15396) · image: https://designly.sh/media/captures/cap_37401daecd1547b7bcb9e91a1fdcf43a/sections/0.webp · id sec_a09673b4ff5c4415bff79a529f4fff37
2. [Content: "Playdate®"](https://designly.sh/s/playdate#section-2) (y 1058–1458px of 15396) · image: https://designly.sh/media/captures/cap_37401daecd1547b7bcb9e91a1fdcf43a/sections/1.webp · id sec_0610fd3ccea2424bb14f986965ae04bc
3. [Content: "Shop Now"](https://designly.sh/s/playdate#section-3) (y 1518–1599px of 15396) · image: https://designly.sh/media/captures/cap_37401daecd1547b7bcb9e91a1fdcf43a/sections/2.webp · id sec_860564318a274a849fc0f122857ebc61
4. [Features: "The System"](https://designly.sh/s/playdate#section-4) (y 1664–6193px of 15396) · image: https://designly.sh/media/captures/cap_37401daecd1547b7bcb9e91a1fdcf43a/sections/3.webp · id sec_6b108561ee954587af08ae89bfedb9c8
5. [Content: "Catalog"](https://designly.sh/s/playdate#section-5) (y 6193–7203px of 15396) · image: https://designly.sh/media/captures/cap_37401daecd1547b7bcb9e91a1fdcf43a/sections/4.webp · id sec_1f1f0850f08d49daa18ebf1520f62020
6. [Content: "Your games?"](https://designly.sh/s/playdate#section-6) (y 7203–9012px of 15396) · image: https://designly.sh/media/captures/cap_37401daecd1547b7bcb9e91a1fdcf43a/sections/5.webp · id sec_13c727f2dcf6495887a50863ed1c4aec
7. [Content: "Playdate for Education"](https://designly.sh/s/playdate#section-7) (y 9012–9893px of 15396) · image: https://designly.sh/media/captures/cap_37401daecd1547b7bcb9e91a1fdcf43a/sections/6.webp · id sec_2a19f37ae74b44738e7da166e3d3125c
8. [Content: "All for just $229"](https://designly.sh/s/playdate#section-8) (y 9894–11286px of 15396) · image: https://designly.sh/media/captures/cap_37401daecd1547b7bcb9e91a1fdcf43a/sections/7.webp · id sec_5cd176c8ae4242b79360d980b035e168
9. [Newsletter: "The Specs"](https://designly.sh/s/playdate#section-9) (y 11286–14236px of 15396) · image: https://designly.sh/media/captures/cap_37401daecd1547b7bcb9e91a1fdcf43a/sections/8.webp · id sec_cdc007080fa64018b9bd346ff34ea907
10. [Footer: "Footer"](https://designly.sh/s/playdate#section-10) (y 14296–15396px of 15396) · image: https://designly.sh/media/captures/cap_37401daecd1547b7bcb9e91a1fdcf43a/sections/9.webp · id sec_05c61407ccbb40ba954e9f0260bf9709

## Design tokens

- Colours: #000000 (text)
- Fonts: Roobert (display)
- Corner radius: 2.85px
- Section padding: 20px
- Export: https://designly.sh/s/playdate?format=tokens.css · https://designly.sh/s/playdate?format=tokens.json · https://designly.sh/s/playdate?format=tokens.tailwind.css

## Images

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

## Other Pages of Playdate

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

## Related

- [Light Phone, Home](https://designly.sh/s/light-phone?format=md) — E-commerce brands · Home · Custom code · Brooklyn, USA · styles: photo-led, type-led, calm, editorial · image: https://designly.sh/media/captures/cap_f262250d322d43178d57acedf701979c/desktop.webp
- [Teenage Engineering, Home](https://designly.sh/s/teenage-engineering?format=md) — E-commerce brands · Home · Custom code · Stockholm, Sweden · styles: dark, type-led, minimal, geometric · image: https://designly.sh/media/captures/cap_146b145e41ad4296bea5e932f663601a/desktop.webp
- [reMarkable, Home](https://designly.sh/s/remarkable?format=md) — E-commerce brands · Home · Custom code · Oslo, Norway · styles: serif, type-led, minimal, airy · image: https://designly.sh/media/captures/cap_a927e760d891456a87a1c86b6fe82f5e/desktop.webp
- [Rapha, Home](https://designly.sh/s/rapha/us/en?format=md) — E-commerce brands · Home · Custom code · London, UK · styles: type-led, bold, photo-led, minimal · image: https://designly.sh/media/captures/cap_110cfe6e20f845768d3fd4e26e0e5c77/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.