# Readwise, Home

SaaS · Home · Custom code
Live page: https://readwise.io/
On Designly: https://designly.sh/s/readwise · JSON: https://designly.sh/s/readwise?format=json
Site: [Readwise](https://designly.sh/s/readwise?format=md) (https://readwise.io)
Styles: serif, type-led, light, editorial

## Why it works

Source Serif 4 headlines on an off-white background give the reading tool an editorial, academic feel. Sky blue is used sparingly for the primary "Get Started For Free" button, while overlapping interface cards provide a tangible look at the product's utility.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/readwise#section-1) (y 0–76px of 7405) · image: https://designly.sh/media/captures/cap_be4b5933b93c493982f8eb69abbc6f5d/sections/0.webp · id sec_3eb42b6fd6fd4612bdc76be91ffccd34
2. [Hero: "Get the most out of what you read"](https://designly.sh/s/readwise#section-2) (y 84–1484px of 7405) · image: https://designly.sh/media/captures/cap_be4b5933b93c493982f8eb69abbc6f5d/sections/1.webp · id sec_23e7d55dc06f478e90a6d0def8ea721a
3. [Features: "Import Highlights"](https://designly.sh/s/readwise#section-3) (y 1484–1657px of 7405) · image: https://designly.sh/media/captures/cap_be4b5933b93c493982f8eb69abbc6f5d/sections/2.webp · id sec_e3ecfcb7e7c1495e8dcdcf7faf7804a3
4. [Content: "Revisit your highlights"](https://designly.sh/s/readwise#section-4) (y 1721–2126px of 7405) · image: https://designly.sh/media/captures/cap_be4b5933b93c493982f8eb69abbc6f5d/sections/3.webp · id sec_b01dcc6e955844e38b207c4106fea1be
5. [Content: "Remember what you read"](https://designly.sh/s/readwise#section-5) (y 2190–2595px of 7405) · image: https://designly.sh/media/captures/cap_be4b5933b93c493982f8eb69abbc6f5d/sections/4.webp · id sec_c28dc472baf348b88d7d83b16adf53d4
6. [Content: "Organize your ideas"](https://designly.sh/s/readwise#section-6) (y 2659–3064px of 7405) · image: https://designly.sh/media/captures/cap_be4b5933b93c493982f8eb69abbc6f5d/sections/5.webp · id sec_f9e4f87ad9ac4f9aa57345f93c0ef278
7. [Logos: "Sync Readwise with your favorite tools"](https://designly.sh/s/readwise#section-7) (y 3128–3634px of 7405) · image: https://designly.sh/media/captures/cap_be4b5933b93c493982f8eb69abbc6f5d/sections/6.webp · id sec_6d4095ef36434cb09b117cbe29b02072
8. [Testimonials: "What our users say"](https://designly.sh/s/readwise#section-8) (y 3708–4801px of 7405) · image: https://designly.sh/media/captures/cap_be4b5933b93c493982f8eb69abbc6f5d/sections/7.webp · id sec_a0155eb77fbc457c9b04c9dbe50e524c
9. [Gallery: "Do more with your highlights"](https://designly.sh/s/readwise#section-9) (y 4871–5638px of 7405) · image: https://designly.sh/media/captures/cap_be4b5933b93c493982f8eb69abbc6f5d/sections/8.webp · id sec_dada6ff3687e4085acebeb759e878fd1
10. [Content: "Everything you’ve read, one command away"](https://designly.sh/s/readwise#section-10) (y 5663–6496px of 7405) · image: https://designly.sh/media/captures/cap_be4b5933b93c493982f8eb69abbc6f5d/sections/9.webp · id sec_ef8a00990d6f4a1e89546f1215ed0a7a
11. [Testimonials: "Start reading with superpowers"](https://designly.sh/s/readwise#section-11) (y 6560–7095px of 7405) · image: https://designly.sh/media/captures/cap_be4b5933b93c493982f8eb69abbc6f5d/sections/10.webp · id sec_b3941c7ab09f499fa9a840c2085dead1
12. [Footer: "Footer"](https://designly.sh/s/readwise#section-12) (y 7143–7405px of 7405) · image: https://designly.sh/media/captures/cap_be4b5933b93c493982f8eb69abbc6f5d/sections/11.webp · id sec_61933f8381d142b5a5b06a902c16fa78

## Design tokens

- Colours: #FBF9F3 (background), #333333 (text), #2675DE (accent), #161616 (surface), #7B7A79 (muted)
- Fonts: Source Serif 4 (display)
- Corner radius: 16px
- Section padding: 64px
- Export: https://designly.sh/s/readwise?format=tokens.css · https://designly.sh/s/readwise?format=tokens.json · https://designly.sh/s/readwise?format=tokens.tailwind.css

## Images

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

## Other Pages of Readwise

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

## 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
- [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
- [mymind, Home](https://designly.sh/s/mymind?format=md) — SaaS · Home · Custom code · styles: type-led, editorial, minimal, photo-led · image: https://designly.sh/media/captures/cap_4ce87bf4e2d145d6bb2a8a8937205675/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.