# Recraft, About

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

## Why it works

AbcGravity Condensed headlines in black against an off-white background give this AI tool a technical, editorial weight. A bright orange accent on the "Try Recraft Studio" button draws the eye immediately to the primary action, while a grid of diverse generated images provides instant proof of the model's capabilities.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/recraft/about#section-1) (y 0–64px of 2628) · image: https://designly.sh/media/captures/cap_ed5cf23e6afc4de283fea9dc5310cda0/sections/0.webp · id sec_e02fe51a614f42fdbfbc5c96ca9ff0da
2. [Content: "Content"](https://designly.sh/s/recraft/about#section-2) (y 94–166px of 2628) · image: https://designly.sh/media/captures/cap_ed5cf23e6afc4de283fea9dc5310cda0/sections/1.webp · id sec_19a74380070a45bab48e4abecfb68fae
3. [Hero: "Hero"](https://designly.sh/s/recraft/about#section-3) (y 196–1798px of 2628) · image: https://designly.sh/media/captures/cap_ed5cf23e6afc4de283fea9dc5310cda0/sections/2.webp · id sec_f0f65a7442214b92bad4040c1b8392cb
4. [Footer: "Footer"](https://designly.sh/s/recraft/about#section-4) (y 1961–2628px of 2628) · image: https://designly.sh/media/captures/cap_ed5cf23e6afc4de283fea9dc5310cda0/sections/3.webp · id sec_954436d622b04955a160cf9233b4edbe

## Design tokens

- Colours: #EEEEEE (background), #000000 (text), #FF5B15 (accent), #FFFFFF (surface), #757575 (muted)
- Fonts: Inter (display)
- Corner radius: 8px
- Section padding: 70px
- Export: https://designly.sh/s/recraft/about?format=tokens.css · https://designly.sh/s/recraft/about?format=tokens.json · https://designly.sh/s/recraft/about?format=tokens.tailwind.css

## Images

- Desktop (1440×2628): https://designly.sh/media/captures/cap_ed5cf23e6afc4de283fea9dc5310cda0/desktop.webp
- Mobile (390×3781): https://designly.sh/media/captures/cap_ed5cf23e6afc4de283fea9dc5310cda0/mobile.webp
- Captured: 2026-10-26

## Other Pages of Recraft

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

## Related

- [Suno, About](https://designly.sh/s/suno/about?format=md) — AI products · About · Custom code · Cambridge, USA · styles: dark, type-led, editorial, photo-led · image: https://designly.sh/media/captures/cap_deb0ff46d4ff4be6957c0a30075bc58d/desktop.webp
- [Sesame, About](https://designly.sh/s/sesame/team?format=md) — AI products · About · Custom code · San Francisco, USA · styles: editorial, type-led, light, minimal, corporate · image: https://designly.sh/media/captures/cap_d1710c200c3e4b02b45d314131725a22/desktop.webp
- [Replicate, About](https://designly.sh/s/replicate/about?format=md) — AI products · About · Custom code · San Francisco, USA · styles: type-led, minimal, editorial, colourful · image: https://designly.sh/media/captures/cap_0910d79374cf4a5e8b12c8f36d277f30/desktop.webp
- [Mistral AI, About](https://designly.sh/s/mistral-ai/about?format=md) — AI products · About · Custom code · Paris, France · styles: type-led, editorial, minimal, corporate · image: https://designly.sh/media/captures/cap_209e9b637571483eba377622253d7bd0/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.