# Playdate, Ordering

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

## Why it works

Heavy Roobert type on a pale yellow background gives the shop a playful, toy-like character. Large 28.5px corner radii on cards and buttons soften the interface, while high-contrast near-black text ensures the product details and 'Notify Me!' call to action remain legible.

## Sections, top to bottom

1. [Hero: "Hero"](https://designly.sh/s/playdate/shop#section-1) (y 0–284px of 9242) · image: https://designly.sh/media/captures/cap_938510f16e254183bd5ce607db91de62/sections/0.webp · id sec_44828a00aa784c3a9d462d1740cba0a0
2. [Features: "Playdate"](https://designly.sh/s/playdate/shop#section-2) (y 659–7850px of 9242) · image: https://designly.sh/media/captures/cap_938510f16e254183bd5ce607db91de62/sections/1.webp · id sec_ba432c653bbf46bda181f494ef5491f4
3. [Content: "NEW! Playdate game merch is available in our…"](https://designly.sh/s/playdate/shop#section-3) (y 7935–8066px of 9242) · image: https://designly.sh/media/captures/cap_938510f16e254183bd5ce607db91de62/sections/2.webp · id sec_ae413556abb74127bc7d5c47cc2adb8e
4. [Footer: "Footer"](https://designly.sh/s/playdate/shop#section-4) (y 8791–9242px of 9242) · image: https://designly.sh/media/captures/cap_938510f16e254183bd5ce607db91de62/sections/3.webp · id sec_ed4fcf4961df479ea88871c731696051

## Design tokens

- Colours: #FFFFFF (background), #222222 (text), #37393D (surface)
- Fonts: Roobert (display)
- Corner radius: 28.5px
- Export: https://designly.sh/s/playdate/shop?format=tokens.css · https://designly.sh/s/playdate/shop?format=tokens.json · https://designly.sh/s/playdate/shop?format=tokens.tailwind.css

## Images

- Desktop (1440×9242): https://designly.sh/media/captures/cap_938510f16e254183bd5ce607db91de62/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_938510f16e254183bd5ce607db91de62/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
- [Product](https://designly.sh/s/playdate/stereo-dock?format=md) — /stereo-dock

## Related

- [Teenage Engineering, Ordering](https://designly.sh/s/teenage-engineering/store?format=md) — E-commerce brands · Ordering · Custom code · Stockholm, Sweden · styles: minimal, type-led, geometric, monochrome · image: https://designly.sh/media/captures/cap_f31384488c2d4dc4a93abb4d74e57e3a/desktop.webp
- [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
- [Light Phone, Blog](https://designly.sh/s/light-phone/blog?format=md) — E-commerce brands · Blog · Custom code · Brooklyn, USA · styles: type-led, minimal, editorial, monochrome · image: https://designly.sh/media/captures/cap_e94f3f79249640d68a2725b4bc44b6a2/desktop.webp
- [Light Phone, About](https://designly.sh/s/light-phone/about-us?format=md) — E-commerce brands · About · Custom code · Brooklyn, USA · styles: minimal, type-led, monochrome, editorial · image: https://designly.sh/media/captures/cap_e06423a715514ede84ddb481b23e2ae1/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.