# Craft, Pricing

SaaS · Pricing · Custom code · London, UK
Live page: https://www.craft.do/pricing
On Designly: https://designly.sh/s/craft/pricing · JSON: https://designly.sh/s/craft/pricing?format=json
Site: [Craft](https://designly.sh/s/craft?format=md) (https://www.craft.do)
Styles: serif, editorial, playful, light

## Why it works

Untitled Serif headlines on a warm off-white background lend an editorial feel to the pricing tiers. Rounded cards in pale blue, soft magenta, and soft orange separate the plans, while the toggle for yearly and monthly billing sits directly above the primary 'Get Started' buttons.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/craft/pricing#section-1) (y 32–84px of 5547) · image: https://designly.sh/media/captures/cap_3c923b7477aa444aa6957e3d35a1f826/sections/0.webp · id sec_44a01b1e937a44bf92d7b59b10cfdccd
2. [Hero: "Choose The Plan That’s Right For You"](https://designly.sh/s/craft/pricing#section-2) (y 220–1741px of 5547) · image: https://designly.sh/media/captures/cap_3c923b7477aa444aa6957e3d35a1f826/sections/1.webp · id sec_cbfc6c33505c4a60bb1f2878260c0fae
3. [Pricing table: "Why Choose Craft Plus"](https://designly.sh/s/craft/pricing#section-3) (y 1741–3002px of 5547) · image: https://designly.sh/media/captures/cap_3c923b7477aa444aa6957e3d35a1f826/sections/2.webp · id sec_a2a08f20a63840d59c0b63d8fd1fc91c
4. [Pricing table: "Smart on price, strong on power"](https://designly.sh/s/craft/pricing#section-4) (y 3122–3585px of 5547) · image: https://designly.sh/media/captures/cap_3c923b7477aa444aa6957e3d35a1f826/sections/3.webp · id sec_cfda6bff922e4126aaba587c23f9eb07
5. [FAQ: "Common Questions"](https://designly.sh/s/craft/pricing#section-5) (y 3705–4351px of 5547) · image: https://designly.sh/media/captures/cap_3c923b7477aa444aa6957e3d35a1f826/sections/4.webp · id sec_0d20d4b24aef40c6a21af5689d9ebc03
6. [Logos: "Logos"](https://designly.sh/s/craft/pricing#section-6) (y 4471–4805px of 5547) · image: https://designly.sh/media/captures/cap_3c923b7477aa444aa6957e3d35a1f826/sections/5.webp · id sec_ddd1e943318f4ef4ae98dc58b51282a4
7. [Footer: "Footer"](https://designly.sh/s/craft/pricing#section-7) (y 4969–5532px of 5547) · image: https://designly.sh/media/captures/cap_3c923b7477aa444aa6957e3d35a1f826/sections/6.webp · id sec_c693034631a042ce8e2eeb4d6b4288ff

## Design tokens

- Colours: #FCF9F7 (background), #030302 (text), #B8CAF5 (surface), #D5ACD8 (surface-2), #F6CB98 (surface-3)
- Fonts: UntitledSerifFont (display), UntitledSansFont (body)
- Corner radius: 9999px
- Section padding: 60px
- Export: https://designly.sh/s/craft/pricing?format=tokens.css · https://designly.sh/s/craft/pricing?format=tokens.json · https://designly.sh/s/craft/pricing?format=tokens.tailwind.css

## Images

- Desktop (1440×5547): https://designly.sh/media/captures/cap_3c923b7477aa444aa6957e3d35a1f826/desktop.webp
- Mobile (390×7133): https://designly.sh/media/captures/cap_3c923b7477aa444aa6957e3d35a1f826/mobile.webp
- Captured: 2026-10-26

## Other Pages of Craft

- [Home](https://designly.sh/s/craft?format=md) — /
- [About](https://designly.sh/s/craft/about?format=md) — /about
- [Careers](https://designly.sh/s/craft/careers?format=md) — /careers

## 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.