# Analogue, Blog

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

## Why it works

Grey type on a white background creates a quiet, archival feel for the announcements list. CircularXx headlines at a modest 26px scale prioritize readability and a structured, text-heavy rhythm over loud marketing.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/analogue/announcements#section-1) (y 0–78px of 5953) · image: https://designly.sh/media/captures/cap_675ce9dc8b7940b78a57a93c176e4146/sections/0.webp · id sec_6aa96f922fac4bd986a888b037c85bbe
2. [Hero: "Announcements"](https://designly.sh/s/analogue/announcements#section-2) (y 78–5599px of 5953) · image: https://designly.sh/media/captures/cap_675ce9dc8b7940b78a57a93c176e4146/sections/1.webp · id sec_df300fb659664742ad5ab97ef389e4f5
3. [Footer: "Footer"](https://designly.sh/s/analogue/announcements#section-3) (y 5671–5953px of 5953) · image: https://designly.sh/media/captures/cap_675ce9dc8b7940b78a57a93c176e4146/sections/2.webp · id sec_c457983ad42a463fa77aed0bb9f8f733

## Design tokens

- Colours: #FFFFFF (background), #878787 (text), #595959 (muted)
- Fonts: circularXx (display)
- Section padding: 65px
- Export: https://designly.sh/s/analogue/announcements?format=tokens.css · https://designly.sh/s/analogue/announcements?format=tokens.json · https://designly.sh/s/analogue/announcements?format=tokens.tailwind.css

## Images

- Desktop (1440×5953): https://designly.sh/media/captures/cap_675ce9dc8b7940b78a57a93c176e4146/desktop.webp
- Mobile (390×7818): https://designly.sh/media/captures/cap_675ce9dc8b7940b78a57a93c176e4146/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
- [Product](https://designly.sh/s/analogue/pocket?format=md) — /pocket

## Related

- [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
- [rabbit, Blog](https://designly.sh/s/rabbit/blog?format=md) — E-commerce brands · Blog · Custom code · Santa Monica, USA · styles: dark, type-led, minimal, geometric · image: https://designly.sh/media/captures/cap_4daa4a4d685a4c1d92c883c73ec5c009/desktop.webp
- [Oura, Blog](https://designly.sh/s/oura/blog?format=md) — E-commerce brands · Blog · Custom code · Oulu, Finland · styles: editorial, type-led, photo-led, warm · image: https://designly.sh/media/captures/cap_fa25defeef2c4d15b6874fe91a5c47ad/desktop.webp
- [Leica Camera, Blog](https://designly.sh/s/leica-camera/en-US/blog?format=md) — E-commerce brands · Blog · Custom code · Wetzlar, Germany · styles: type-led, photo-led, minimal, editorial · image: https://designly.sh/media/captures/cap_fd7c2de26e5248d7b91e11d799fd1a52/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.