# Readwise, Pricing

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

## Why it works

Source Serif 4 headlines on an off-white background provide a literary feel for a reading tool. Sky blue is used sparingly for the toggle and primary buttons, while 16px rounded corners on the pricing cards and buttons soften the layout rhythm.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/readwise/pricing#section-1) (y 0–76px of 3862) · image: https://designly.sh/media/captures/cap_36dfd2dd05f5434d90e1616b3e201ea7/sections/0.webp · id sec_2581103a057343fc8d7d99c9b2be77f4
2. [Pricing table: "Pricing plans"](https://designly.sh/s/readwise/pricing#section-2) (y 100–260px of 3862) · image: https://designly.sh/media/captures/cap_36dfd2dd05f5434d90e1616b3e201ea7/sections/1.webp · id sec_b0fbbf80ada64f3daa95cf3f71c519eb
3. [Pricing table: "$9.99"](https://designly.sh/s/readwise/pricing#section-3) (y 292–690px of 3862) · image: https://designly.sh/media/captures/cap_36dfd2dd05f5434d90e1616b3e201ea7/sections/2.webp · id sec_59558c1bf6ca43c4b675846a7570c64c
4. [Call to action: "Highlights only"](https://designly.sh/s/readwise/pricing#section-4) (y 793–944px of 3862) · image: https://designly.sh/media/captures/cap_36dfd2dd05f5434d90e1616b3e201ea7/sections/3.webp · id sec_e27978e259d24cbe8023fe1ed19ac09b
5. [Call to action: "Highlights Lite only"](https://designly.sh/s/readwise/pricing#section-5) (y 944–1095px of 3862) · image: https://designly.sh/media/captures/cap_36dfd2dd05f5434d90e1616b3e201ea7/sections/4.webp · id sec_914dc97691bd43b88838d5bf488b7ee9
6. [Logos: "Reader only"](https://designly.sh/s/readwise/pricing#section-6) (y 1095–1378px of 3862) · image: https://designly.sh/media/captures/cap_36dfd2dd05f5434d90e1616b3e201ea7/sections/5.webp · id sec_00c25e5a4cb54413b6bb18a470561caa
7. [Testimonials: "What our users say"](https://designly.sh/s/readwise/pricing#section-7) (y 1458–2516px of 3862) · image: https://designly.sh/media/captures/cap_36dfd2dd05f5434d90e1616b3e201ea7/sections/6.webp · id sec_1793b7c61ad84fddbd64e49079512ba2
8. [FAQ: "Common Questions"](https://designly.sh/s/readwise/pricing#section-8) (y 2516–3542px of 3862) · image: https://designly.sh/media/captures/cap_36dfd2dd05f5434d90e1616b3e201ea7/sections/7.webp · id sec_27b57f4638b0496185079f614a7ea613
9. [Footer: "Footer"](https://designly.sh/s/readwise/pricing#section-9) (y 3542–3862px of 3862) · image: https://designly.sh/media/captures/cap_36dfd2dd05f5434d90e1616b3e201ea7/sections/8.webp · id sec_9238202a77ac4bea8e5a898672186caf

## Design tokens

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

## Images

- Desktop (1440×3862): https://designly.sh/media/captures/cap_36dfd2dd05f5434d90e1616b3e201ea7/desktop.webp
- Mobile (390×3990): https://designly.sh/media/captures/cap_36dfd2dd05f5434d90e1616b3e201ea7/mobile.webp
- Captured: 2026-10-26

## Other Pages of Readwise

- [Home](https://designly.sh/s/readwise?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
- [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
- [mymind, Pricing](https://designly.sh/s/mymind/pricing?format=md) — SaaS · Pricing · Custom code · styles: editorial, type-led, serif, rounded · image: https://designly.sh/media/captures/cap_0b9d47a7422b41f8acf743450a65803b/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.