# Craft, Home

SaaS · Home · Custom code · London, UK
Live page: https://www.craft.do/
On Designly: https://designly.sh/s/craft · JSON: https://designly.sh/s/craft?format=json
Site: [Craft](https://designly.sh/s/craft?format=md) (https://www.craft.do)
Styles: type-led, serif, airy, soft

## Why it works

Untitled Serif headlines on an off-white background give the productivity tool an editorial weight. Large, rounded cards in pale blue, soft green, and soft amber break up the layout, while the pill-shaped "Try Craft Free" button provides a clear entry point.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/craft#section-1) (y 32–84px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/0.webp · id sec_9f706fa838ce48608e5bce38686fe9c9
2. [Hero: "Your space for notes, tasks, and big ideas"](https://designly.sh/s/craft#section-2) (y 84–848px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/1.webp · id sec_d5aa00de27ca4bc48cbf3fa3ce5b08cb
3. [Logos: "Logos"](https://designly.sh/s/craft#section-3) (y 968–1347px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/2.webp · id sec_5e04983982cf4c149208005cc2dfc3c4
4. [Content: "How people use Craft"](https://designly.sh/s/craft#section-4) (y 1467–2327px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/3.webp · id sec_ed0808a10ca949dcaf1f67e55d43fb7a
5. [Content: "From first thought to final form"](https://designly.sh/s/craft#section-5) (y 2447–3179px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/4.webp · id sec_fef87d44e4f14a1399c697cc7b545aa2
6. [Testimonials: "Testimonials"](https://designly.sh/s/craft#section-6) (y 3419–3563px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/5.webp · id sec_c8c855d6453549b8bf401a0d0a4ae802
7. [Content: "Imagine the possibilities when everything's…"](https://designly.sh/s/craft#section-7) (y 3743–4372px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/6.webp · id sec_eeacc5f8da5f438bb0281eb389d11358
8. [Logos: "Logos"](https://designly.sh/s/craft#section-8) (y 4552–4886px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/7.webp · id sec_d8f2efd809aa4d27a6f96ed8b4184d5a
9. [Testimonials: "Testimonials"](https://designly.sh/s/craft#section-9) (y 5006–5150px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/8.webp · id sec_d49cd52f7d214578bd18a567a2a672a6
10. [Content: "Planning that doesn't feel like work"](https://designly.sh/s/craft#section-10) (y 5330–6098px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/9.webp · id sec_c44ce2dd64ae44ee87f84dd75f51265d
11. [Content: "Structure That Adapts to Your Thinking"](https://designly.sh/s/craft#section-11) (y 6338–7003px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/10.webp · id sec_3728649506414717a002af2f277117eb
12. [Testimonials: "Testimonials"](https://designly.sh/s/craft#section-12) (y 7183–7327px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/11.webp · id sec_25c839939ba648fd977f139faf0e01d9
13. [Gallery: "Make it unmistakably yours"](https://designly.sh/s/craft#section-13) (y 7447–8086px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/12.webp · id sec_c5481701336a44038bfa8e8fa0d5423e
14. [Testimonials: "Testimonials"](https://designly.sh/s/craft#section-14) (y 8206–8302px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/13.webp · id sec_0e73fc06a6e54f119253454769dac14a
15. [Newsletter: "Stay in the loop"](https://designly.sh/s/craft#section-15) (y 8422–9039px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/14.webp · id sec_25a506109bbd4360b09dddcbd6555f6e
16. [Pricing table: "Your pace, your plan"](https://designly.sh/s/craft#section-16) (y 9159–10012px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/15.webp · id sec_8a6465411a934c869f6faf950b736d07
17. [Call to action: "Let’s get started"](https://designly.sh/s/craft#section-17) (y 10132–10362px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/16.webp · id sec_51da80631cc642fbbfbc0cb4ee03b17c
18. [Footer: "Footer"](https://designly.sh/s/craft#section-18) (y 10478–11041px of 11057) · image: https://designly.sh/media/captures/cap_96ec0293bd664c319a69fa0c49cb4ab3/sections/17.webp · id sec_1e0077abb9634cbbbf62fe711960d19a

## Design tokens

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

## Images

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

## Other Pages of Craft

- [About](https://designly.sh/s/craft/about?format=md) — /about
- [Careers](https://designly.sh/s/craft/careers?format=md) — /careers
- [Pricing](https://designly.sh/s/craft/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
- [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.