# Playdate, Product

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

## Why it works

Heavy Roobert type on a saturated yellow background gives the product a bold, toy-like presence. The massive 80px headline and high-contrast navigation links prioritize brand identity over immediate conversion, letting the product's personality lead.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/playdate/stereo-dock#section-1) (y 0–59px of 3288) · image: https://designly.sh/media/captures/cap_1cb590ab16e242afaa69c6db66268dbd/sections/0.webp · id sec_f8b9795bcef548c5b433e7de72228cc2
2. [Hero: "Playdate Stereo Dock"](https://designly.sh/s/playdate/stereo-dock#section-2) (y 53–2732px of 3288) · image: https://designly.sh/media/captures/cap_1cb590ab16e242afaa69c6db66268dbd/sections/1.webp · id sec_78daf99c8bbf40fca307a5cd6b808f3c
3. [Footer: "Footer"](https://designly.sh/s/playdate/stereo-dock#section-3) (y 2838–3288px of 3288) · image: https://designly.sh/media/captures/cap_1cb590ab16e242afaa69c6db66268dbd/sections/2.webp · id sec_492240d1cb5f445d8d6754ce24db800e

## Design tokens

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

## Images

- Desktop (1440×3288): https://designly.sh/media/captures/cap_1cb590ab16e242afaa69c6db66268dbd/desktop.webp
- Mobile (390×2321): https://designly.sh/media/captures/cap_1cb590ab16e242afaa69c6db66268dbd/mobile.webp
- Captured: 2026-10-26

## Other Pages of Playdate

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

## Related

- [Light Phone, Product](https://designly.sh/s/light-phone/shop/products/light-phone-iii?format=md) — E-commerce brands · Product · Custom code · Brooklyn, USA · styles: dark, minimal, type-led, luxe · image: https://designly.sh/media/captures/cap_f5225658126b442c8fbbd35c7990f6bc/desktop.webp
- [Teenage Engineering, Product](https://designly.sh/s/teenage-engineering/products/op-1?format=md) — E-commerce brands · Product · Custom code · Stockholm, Sweden · styles: minimal, type-led, geometric, tech · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/desktop.webp
- [Teenage Engineering, Product](https://designly.sh/s/teenage-engineering/products?format=md) — E-commerce brands · Product · Custom code · Stockholm, Sweden · styles: type-led, minimal, geometric, industrial · image: https://designly.sh/media/captures/cap_ef31d73530f74489b85ceec13d4b0dd9/desktop.webp
- [reMarkable, Product](https://designly.sh/s/remarkable/products/remarkable-paper/pro?format=md) — E-commerce brands · Product · Custom code · Oslo, Norway · styles: serif, editorial, minimal, photo-led · image: https://designly.sh/media/captures/cap_b4d8b127522048d297aa1800ac1c4e35/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.