# Recraft, Blog

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

## Why it works

AbcGravity Condensed in a heavy weight provides a loud, editorial header against a cool white background. Bright orange is used sparingly for the "Try Recraft Studio" button, while a grid of colorful, high-contrast cards organizes the blog content.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/recraft/blog#section-1) (y 0–64px of 16000) · image: https://designly.sh/media/captures/cap_be5c60e87f7c4b03a2b051623c4750b0/sections/0.webp · id sec_8360da303f0747c2ae55f58d24291363
2. [Hero: "Hero"](https://designly.sh/s/recraft/blog#section-2) (y 64–526px of 16000) · image: https://designly.sh/media/captures/cap_be5c60e87f7c4b03a2b051623c4750b0/sections/1.webp · id sec_5a66765e047b471f975c9a17a50999e9
3. [Content: "How to Make Twitch Emotes"](https://designly.sh/s/recraft/blog#section-3) (y 556–16000px of 16000) · image: https://designly.sh/media/captures/cap_be5c60e87f7c4b03a2b051623c4750b0/sections/2.webp · id sec_86c89943aa6b49afbdfd9e2ab69999e1

## Design tokens

- Colours: #EBEDF1 (background), #000000 (text), #FF5B15 (accent), #FFFFFF (surface), #999999 (muted)
- Fonts: AbcGravity Condensed (display), Inter (body)
- Corner radius: 8px
- Export: https://designly.sh/s/recraft/blog?format=tokens.css · https://designly.sh/s/recraft/blog?format=tokens.json · https://designly.sh/s/recraft/blog?format=tokens.tailwind.css

## Images

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

## Other Pages of Recraft

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

## Related

- [Suno, Blog](https://designly.sh/s/suno/blog?format=md) — AI products · Blog · Custom code · Cambridge, USA · styles: dark, editorial, type-led, bold, minimal · image: https://designly.sh/media/captures/cap_d100624f62444416ad7131bf504acab4/desktop.webp
- [Sesame, Blog](https://designly.sh/s/sesame/journal?format=md) — AI products · Blog · Custom code · San Francisco, USA · styles: editorial, type-led, minimal, light · image: https://designly.sh/media/captures/cap_3875cf86021f4962b91bbf86ea1e80c0/desktop.webp
- [Replicate, Blog](https://designly.sh/s/replicate/blog?format=md) — AI products · Blog · Custom code · San Francisco, USA · styles: type-led, photo-led, minimal, editorial · image: https://designly.sh/media/captures/cap_09ded9aef1504f3bb7eab6134f205a49/desktop.webp
- [Pika, Blog](https://designly.sh/s/pika/blog?format=md) — AI products · Blog · Custom code · Palo Alto, USA · styles: type-led, minimal, editorial, light · image: https://designly.sh/media/captures/cap_5d051ec6be8a4fdc9653ad8045a6feac/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.