# Analogue, Product

E-commerce brands · Product · Custom code · Seattle, USA
Live page: https://www.analogue.co/pocket
On Designly: https://designly.sh/s/analogue/pocket · JSON: https://designly.sh/s/analogue/pocket?format=json
Site: [Analogue](https://designly.sh/s/analogue?format=md) (https://www.analogue.co)
Styles: dark, type-led, minimal, photo-led

## Why it works

White type on a black background centers the focus on high-contrast product photography. Large, centered headlines and generous vertical padding create an editorial rhythm that treats the handheld hardware like a premium object.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/analogue/pocket#section-1) (y 0–78px of 16000) · image: https://designly.sh/media/captures/cap_d982514151f34ed28a250d29be585324/sections/0.webp · id sec_5d8227db62e2404bb0879cb418b4150b
2. [Hero: "Hero"](https://designly.sh/s/analogue/pocket#section-2) (y 78–1393px of 16000) · image: https://designly.sh/media/captures/cap_d982514151f34ed28a250d29be585324/sections/1.webp · id sec_aacb40587dd44900b3c691a160e4a491
3. [Content: "Meet Analogue Pocket. A tribute to portable…"](https://designly.sh/s/analogue/pocket#section-3) (y 1393–1991px of 16000) · image: https://designly.sh/media/captures/cap_d982514151f34ed28a250d29be585324/sections/2.webp · id sec_7a48d98fc0514a8b9a629bc059c51986
4. [Content: "Content"](https://designly.sh/s/analogue/pocket#section-4) (y 2028–3208px of 16000) · image: https://designly.sh/media/captures/cap_d982514151f34ed28a250d29be585324/sections/3.webp · id sec_ba9e0ec2442845399cca1ad414b137f4
5. [Content: "The most advanced display in handheld gaming"](https://designly.sh/s/analogue/pocket#section-5) (y 3209–3930px of 16000) · image: https://designly.sh/media/captures/cap_d982514151f34ed28a250d29be585324/sections/4.webp · id sec_e6d50b3d3a5344ba86e2aebb0544a3f9
6. [Content: "Content"](https://designly.sh/s/analogue/pocket#section-6) (y 3929–5009px of 16000) · image: https://designly.sh/media/captures/cap_d982514151f34ed28a250d29be585324/sections/5.webp · id sec_4f73bda580bc432ca7b0760e3f3bf2ce
7. [Content: "Original Display Modes"](https://designly.sh/s/analogue/pocket#section-7) (y 5233–5420px of 16000) · image: https://designly.sh/media/captures/cap_d982514151f34ed28a250d29be585324/sections/6.webp · id sec_1a6a04c31b684b35b9c019d3f3ad94ad
8. [Content: "Content"](https://designly.sh/s/analogue/pocket#section-8) (y 5502–6175px of 16000) · image: https://designly.sh/media/captures/cap_d982514151f34ed28a250d29be585324/sections/7.webp · id sec_1c590ec67aa247d3ae78e2fc74021f28
9. [Content: "Content"](https://designly.sh/s/analogue/pocket#section-9) (y 6399–7300px of 16000) · image: https://designly.sh/media/captures/cap_d982514151f34ed28a250d29be585324/sections/8.webp · id sec_f2d246cc85a040f188ec35f1a5b8c1df
10. [Content: "Pocket does it all"](https://designly.sh/s/analogue/pocket#section-10) (y 7299–8895px of 16000) · image: https://designly.sh/media/captures/cap_d982514151f34ed28a250d29be585324/sections/9.webp · id sec_96c0432710dc412cb343266714182956
11. [Content: "Content"](https://designly.sh/s/analogue/pocket#section-11) (y 8895–9808px of 16000) · image: https://designly.sh/media/captures/cap_d982514151f34ed28a250d29be585324/sections/10.webp · id sec_9e16ee80b85f45e8a13a325c9653c046
12. [Content: "Play Pocket on the big screen"](https://designly.sh/s/analogue/pocket#section-12) (y 10031–10288px of 16000) · image: https://designly.sh/media/captures/cap_d982514151f34ed28a250d29be585324/sections/11.webp · id sec_94f49c85f0d941869c50693e4654a921
13. [Content: "Content"](https://designly.sh/s/analogue/pocket#section-13) (y 10531–12802px of 16000) · image: https://designly.sh/media/captures/cap_d982514151f34ed28a250d29be585324/sections/12.webp · id sec_c8d7fad4896d4d48957684a00b8611db
14. [Content: "Content"](https://designly.sh/s/analogue/pocket#section-14) (y 12808–13203px of 16000) · image: https://designly.sh/media/captures/cap_d982514151f34ed28a250d29be585324/sections/13.webp · id sec_265b0c8b2232431b9d3ca8229610b53e
15. [Content: "Analogue isn't just for games anymore. It's for…"](https://designly.sh/s/analogue/pocket#section-15) (y 13447–14239px of 16000) · image: https://designly.sh/media/captures/cap_d982514151f34ed28a250d29be585324/sections/14.webp · id sec_b2242ffa42e4403cb0c6533d72f34c56
16. [Content: "Content"](https://designly.sh/s/analogue/pocket#section-16) (y 14239–15438px of 16000) · image: https://designly.sh/media/captures/cap_d982514151f34ed28a250d29be585324/sections/15.webp · id sec_786f59d2633745b3a15a2d3f98fb2e7e
17. [Content: "Your bridge to musical creativity. Bring Pocket…"](https://designly.sh/s/analogue/pocket#section-17) (y 15438–16000px of 16000) · image: https://designly.sh/media/captures/cap_d982514151f34ed28a250d29be585324/sections/16.webp · id sec_a3a0d6155f814bbf9b8e4cc4a982a004

## Design tokens

- Colours: #000000 (background), #737373 (text), #FFFFFF (surface), #8A8A8A (muted), #DDDDDD (surface-2)
- Fonts: circularXx (display)
- Corner radius: 9999px
- Section padding: 223px
- Export: https://designly.sh/s/analogue/pocket?format=tokens.css · https://designly.sh/s/analogue/pocket?format=tokens.json · https://designly.sh/s/analogue/pocket?format=tokens.tailwind.css

## Images

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

## Other Pages of Analogue

- [Home](https://designly.sh/s/analogue?format=md) — /
- [Product](https://designly.sh/s/analogue/3d?format=md) — /3d
- [Blog](https://designly.sh/s/analogue/announcements?format=md) — /announcements

## 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.