# Dia, Pricing

SaaS · Pricing · Custom code · New York, USA
Live page: https://www.diabrowser.com/plans
On Designly: https://designly.sh/s/dia/plans · JSON: https://designly.sh/s/dia/plans?format=json
Site: [Dia](https://designly.sh/s/dia?format=md) (https://www.diabrowser.com)
Styles: type-led, minimal, airy, editorial

## Why it works

Lightweight mono and serif type pairings on an off-white background give this browser tool an editorial, focused feel. Three distinct pricing cards use 16px rounded corners to group features, with the most expensive tier using a black button to draw the eye.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/dia/plans#section-1) (y 28–80px of 2882) · image: https://designly.sh/media/captures/cap_29488850a65a4d2393eedf949009f612/sections/0.webp · id sec_03baefe3248c4829afedbe39fd12a875
2. [Hero: "A better work day is waiting"](https://designly.sh/s/dia/plans#section-2) (y 80–2616px of 2882) · image: https://designly.sh/media/captures/cap_29488850a65a4d2393eedf949009f612/sections/1.webp · id sec_90fdf765f5fc4fe7a14b70ac07cc4d46
3. [Footer: "Footer"](https://designly.sh/s/dia/plans#section-3) (y 2616–2882px of 2882) · image: https://designly.sh/media/captures/cap_29488850a65a4d2393eedf949009f612/sections/2.webp · id sec_5d8cf92c40f74dfea0ee431cc7bcfbda

## Design tokens

- Colours: #FBFAF6 (background), #000000 (text)
- Fonts: ABC Favorit Mono (display), ABC Oracle (body)
- Corner radius: 16px
- Export: https://designly.sh/s/dia/plans?format=tokens.css · https://designly.sh/s/dia/plans?format=tokens.json · https://designly.sh/s/dia/plans?format=tokens.tailwind.css

## Images

- Desktop (1440×2882): https://designly.sh/media/captures/cap_29488850a65a4d2393eedf949009f612/desktop.webp
- Mobile (390×4117): https://designly.sh/media/captures/cap_29488850a65a4d2393eedf949009f612/mobile.webp
- Captured: 2026-10-26

## Other Pages of Dia

- [Home](https://designly.sh/s/dia?format=md) — /

## Related

- [Rive, Pricing](https://designly.sh/s/rive/pricing?format=md) — SaaS · Pricing · Custom code · Los Angeles, USA · styles: dark, type-led, geometric, minimal · image: https://designly.sh/media/captures/cap_1e5b84d034c44a76a85a89300579debc/desktop.webp
- [Readwise, Pricing](https://designly.sh/s/readwise/pricing?format=md) — SaaS · Pricing · Custom code · styles: type-led, serif, light, airy · image: https://designly.sh/media/captures/cap_36dfd2dd05f5434d90e1616b3e201ea7/desktop.webp
- [Pitch, Pricing](https://designly.sh/s/pitch/pricing?format=md) — SaaS · Pricing · Custom code · Berlin, Germany · styles: type-led, geometric, airy, corporate · image: https://designly.sh/media/captures/cap_66eaa9e425554e539dc1c7333b577375/desktop.webp
- [Paper, Pricing](https://designly.sh/s/paper/pricing?format=md) — SaaS · Pricing · Custom code · styles: type-led, minimal, airy, corporate · image: https://designly.sh/media/captures/cap_0c3d3538163d4279bc6bd2f55f85aa35/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.