# Dia, Home

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

## Why it works

Bright amber backgrounds and large ABC Oracle display type give this browser tool a high-energy, optimistic feel.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/dia#section-1) (y 28–80px of 6674) · image: https://designly.sh/media/captures/cap_5fc208c0f1e244b09c25d382434d302b/sections/0.webp · id sec_443d5b283236481886c7a72bb1aa99e9
2. [Hero: "More than a browser. A better workday"](https://designly.sh/s/dia#section-2) (y 80–900px of 6674) · image: https://designly.sh/media/captures/cap_5fc208c0f1e244b09c25d382434d302b/sections/1.webp · id sec_fde8929b536e46e3b99372a3f67425dd
3. [Content: "Dia reads between the tabs"](https://designly.sh/s/dia#section-3) (y 980–1688px of 6674) · image: https://designly.sh/media/captures/cap_5fc208c0f1e244b09c25d382434d302b/sections/2.webp · id sec_1c4d0ec4054e4138a528de98b3d7efb6
4. [Content: "Content"](https://designly.sh/s/dia#section-4) (y 1708–2310px of 6674) · image: https://designly.sh/media/captures/cap_5fc208c0f1e244b09c25d382434d302b/sections/3.webp · id sec_1287adebcf4c432689027983a6524e9e
5. [Content: "Content"](https://designly.sh/s/dia#section-5) (y 2331–2933px of 6674) · image: https://designly.sh/media/captures/cap_5fc208c0f1e244b09c25d382434d302b/sections/4.webp · id sec_204b0607680f4e22abfeb6ed818be1ed
6. [Content: "Create clean lines between work, freelance, and…"](https://designly.sh/s/dia#section-6) (y 3245–3876px of 6674) · image: https://designly.sh/media/captures/cap_5fc208c0f1e244b09c25d382434d302b/sections/5.webp · id sec_144481f9b4e54acaa9c3f10804542ee8
7. [Content: "Every call starts with the right meeting page…"](https://designly.sh/s/dia#section-7) (y 3896–4527px of 6674) · image: https://designly.sh/media/captures/cap_5fc208c0f1e244b09c25d382434d302b/sections/6.webp · id sec_b6fd012156654000bbc12fbec9ce38fc
8. [Reviews: "Reviews"](https://designly.sh/s/dia#section-8) (y 4547–5129px of 6674) · image: https://designly.sh/media/captures/cap_5fc208c0f1e244b09c25d382434d302b/sections/7.webp · id sec_2c5fb1cb9b484b8a954be26ca516876c
9. [Content: "Privacy first with you in control"](https://designly.sh/s/dia#section-9) (y 5250–5850px of 6674) · image: https://designly.sh/media/captures/cap_5fc208c0f1e244b09c25d382434d302b/sections/8.webp · id sec_be422aa3bc754156acc69725ab971aaf
10. [Footer: "Footer"](https://designly.sh/s/dia#section-10) (y 6408–6674px of 6674) · image: https://designly.sh/media/captures/cap_5fc208c0f1e244b09c25d382434d302b/sections/9.webp · id sec_8e1a57021dfc45dda2e16dd6a75969b6

## Design tokens

- Colours: #FBFAF6 (background), #000000 (text), #FFCB30 (accent), #FFE48C (surface), #EBEBEB (surface-2)
- Fonts: ABC Oracle (display)
- Corner radius: 12px
- Section padding: 70px
- Export: https://designly.sh/s/dia?format=tokens.css · https://designly.sh/s/dia?format=tokens.json · https://designly.sh/s/dia?format=tokens.tailwind.css

## Images

- Desktop (1440×6674): https://designly.sh/media/captures/cap_5fc208c0f1e244b09c25d382434d302b/desktop.webp
- Mobile (390×7368): https://designly.sh/media/captures/cap_5fc208c0f1e244b09c25d382434d302b/mobile.webp
- Captured: 2026-10-26

## Other Pages of Dia

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

## Related

- [Rive, Home](https://designly.sh/s/rive?format=md) — SaaS · Home · Custom code · Los Angeles, USA · styles: dark, bold, type-led, geometric · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/desktop.webp
- [Readwise, Home](https://designly.sh/s/readwise?format=md) — SaaS · Home · Custom code · styles: serif, type-led, light, editorial · image: https://designly.sh/media/captures/cap_be4b5933b93c493982f8eb69abbc6f5d/desktop.webp
- [Pitch, Home](https://designly.sh/s/pitch?format=md) — SaaS · Home · Custom code · Berlin, Germany · styles: type-led, bold, tech, dark · image: https://designly.sh/media/captures/cap_56fccf5229fc4c9d81e43d11967aa135/desktop.webp
- [Paper, Home](https://designly.sh/s/paper?format=md) — SaaS · Home · Custom code · styles: type-led, minimal, geometric, tech · image: https://designly.sh/media/captures/cap_07112d7971a1433bb85855db740ee4b5/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.