# Recraft, Home

AI products · Home · Custom code
Live page: https://www.recraft.ai/
On Designly: https://designly.sh/s/recraft · JSON: https://designly.sh/s/recraft?format=json
Site: [Recraft](https://designly.sh/s/recraft?format=md) (https://www.recraft.ai)
Styles: bold, dark, type-led, photo-led

## Why it works

Heavy ABC Gravity Condensed type on a black background establishes a bold, high-impact tone for a creative tool. Bright lime and indigo accents draw the eye to the primary "Start creating" and "Try Recraft Studio" actions, while a row of white company logos provides immediate social proof.

## Sections, top to bottom

1. [Content: "Content"](https://designly.sh/s/recraft#section-1) (y 0–118px of 8293) · image: https://designly.sh/media/captures/cap_50c2a0d61b0742e48b33c5d015caedba/sections/0.webp · id sec_278faeb8fb6d4d7598a169f1f70308fd
2. [Hero: "tastefully crafted AI image models"](https://designly.sh/s/recraft#section-2) (y 128–938px of 8293) · image: https://designly.sh/media/captures/cap_50c2a0d61b0742e48b33c5d015caedba/sections/1.webp · id sec_c795fe7d8b384262b4aee3627858ce1f
3. [Content: "Content"](https://designly.sh/s/recraft#section-3) (y 948–1195px of 8293) · image: https://designly.sh/media/captures/cap_50c2a0d61b0742e48b33c5d015caedba/sections/2.webp · id sec_5ee29ce747f04ab187a520522d1d7324
4. [Content: "exceptional prompt understanding"](https://designly.sh/s/recraft#section-4) (y 1205–2028px of 8293) · image: https://designly.sh/media/captures/cap_50c2a0d61b0742e48b33c5d015caedba/sections/3.webp · id sec_37a2d9a2f6104cf7bf1d131703de5996
5. [Gallery: "built-in aesthetic mastery"](https://designly.sh/s/recraft#section-5) (y 2098–2875px of 8293) · image: https://designly.sh/media/captures/cap_50c2a0d61b0742e48b33c5d015caedba/sections/4.webp · id sec_31f35f6e41074bc7897fddd1364e5a82
6. [Gallery: "unmatched vector generation"](https://designly.sh/s/recraft#section-6) (y 3031–3808px of 8293) · image: https://designly.sh/media/captures/cap_50c2a0d61b0742e48b33c5d015caedba/sections/5.webp · id sec_d0ecdaeb64164874bfa26446800a8a7b
7. [Gallery: "design assets made to impress"](https://designly.sh/s/recraft#section-7) (y 3977–4754px of 8293) · image: https://designly.sh/media/captures/cap_50c2a0d61b0742e48b33c5d015caedba/sections/6.webp · id sec_6b08e1d55bb14c419244d142729e715b
8. [Gallery: "consistent styles without training"](https://designly.sh/s/recraft#section-8) (y 4837–5764px of 8293) · image: https://designly.sh/media/captures/cap_50c2a0d61b0742e48b33c5d015caedba/sections/7.webp · id sec_ad821d801f194e008c251e4f4535a0f6
9. [Content: "Content"](https://designly.sh/s/recraft#section-9) (y 5774–6007px of 8293) · image: https://designly.sh/media/captures/cap_50c2a0d61b0742e48b33c5d015caedba/sections/8.webp · id sec_3a0df79ce1d84b7d965746c1b7c62593
10. [Content: "Content"](https://designly.sh/s/recraft#section-10) (y 6017–6309px of 8293) · image: https://designly.sh/media/captures/cap_50c2a0d61b0742e48b33c5d015caedba/sections/9.webp · id sec_762b44f6b4524fc2b1e24b8105d304f0
11. [Content: "try in recraft studio"](https://designly.sh/s/recraft#section-11) (y 6379–7278px of 8293) · image: https://designly.sh/media/captures/cap_50c2a0d61b0742e48b33c5d015caedba/sections/10.webp · id sec_f37bfd9f4fd744198a28395016e05b44
12. [Footer: "Footer"](https://designly.sh/s/recraft#section-12) (y 7378–8293px of 8293) · image: https://designly.sh/media/captures/cap_50c2a0d61b0742e48b33c5d015caedba/sections/11.webp · id sec_712c4f1314a14b95b5ba4c163620bd49

## Design tokens

- Colours: #000000 (background), #6437FF (accent), #FFFFFF (muted), #E4E4E4 (surface), #D2FC31 (surface-2)
- Fonts: ABC Gravity Condensed (display), Geist (body)
- Corner radius: 15px
- Section padding: 62px
- Export: https://designly.sh/s/recraft?format=tokens.css · https://designly.sh/s/recraft?format=tokens.json · https://designly.sh/s/recraft?format=tokens.tailwind.css

## Images

- Desktop (1440×8293): https://designly.sh/media/captures/cap_50c2a0d61b0742e48b33c5d015caedba/desktop.webp
- Mobile (390×6255): https://designly.sh/media/captures/cap_50c2a0d61b0742e48b33c5d015caedba/mobile.webp
- Captured: 2026-10-26

## Other Pages of Recraft

- [About](https://designly.sh/s/recraft/about?format=md) — /about
- [Blog](https://designly.sh/s/recraft/blog?format=md) — /blog
- [Pricing](https://designly.sh/s/recraft/pricing?format=md) — /pricing

## Related

- [Suno, Home](https://designly.sh/s/suno?format=md) — AI products · Home · Custom code · Cambridge, USA · styles: dark, type-led, bold, tech · image: https://designly.sh/media/captures/cap_d174025c3d734e33a6bf9289b1797464/desktop.webp
- [Sesame, Home](https://designly.sh/s/sesame?format=md) — AI products · Home · Custom code · San Francisco, USA · styles: type-led, minimal, photo-led, airy · image: https://designly.sh/media/captures/cap_38b65f289bf84b4c9c30eae96e909a96/desktop.webp
- [Replicate, Home](https://designly.sh/s/replicate?format=md) — AI products · Home · Custom code · San Francisco, USA · styles: type-led, minimal, tech, editorial · image: https://designly.sh/media/captures/cap_ba27998b812043969e0f68b0fe8fee63/desktop.webp
- [Pika, Home](https://designly.sh/s/pika?format=md) — AI products · Home · Custom code · Palo Alto, USA · styles: editorial, photo-led, type-led, minimal · image: https://designly.sh/media/captures/cap_47def6dfeaff4bf196a14a0a6ec946fb/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.