> ## Documentation Index
> Fetch the complete documentation index at: https://docs.imagine.art/llms.txt
> Use this file to discover all available pages before exploring further.

# Recraft v4

<div style={{background: "linear-gradient(135deg, #0d0016 0%, #18003a 55%, #08000f 100%)", borderRadius: "20px", padding: "3.5rem 3rem 3rem", marginBottom: "2.5rem", overflow: "hidden", position: "relative"}}>
  <div style={{position: "absolute", inset: "0", background: "radial-gradient(ellipse at 25% 75%, rgba(124,0,251,0.22) 0%, transparent 55%), radial-gradient(ellipse at 85% 20%, rgba(146,73,255,0.14) 0%, transparent 50%)", pointerEvents: "none"}} />

  <div style={{position: "relative"}}>
    <div style={{display: "flex", gap: "0.5rem", marginBottom: "1.5rem", flexWrap: "wrap"}}>
      <span style={{background: "rgba(124,0,251,0.25)", border: "1px solid rgba(124,0,251,0.5)", borderRadius: "100px", padding: "0.3rem 1rem", fontSize: "0.72rem", color: "#c084fc", fontWeight: "500", letterSpacing: "0.06em"}}>IMAGE MODEL</span>
      <span style={{background: "rgba(255,255,255,0.06)", border: "1px solid rgba(255,255,255,0.12)", borderRadius: "100px", padding: "0.3rem 1rem", fontSize: "0.72rem", color: "rgba(255,255,255,0.45)", fontWeight: "400"}}>by Recraft AI</span>
      <span style={{background: "rgba(255,255,255,0.06)", border: "1px solid rgba(255,255,255,0.12)", borderRadius: "100px", padding: "0.3rem 1rem", fontSize: "0.72rem", color: "rgba(255,255,255,0.45)", fontWeight: "400"}}>#1 HuggingFace Arena</span>
    </div>

    <h1 style={{fontSize: "clamp(2.5rem, 5vw, 3.75rem)", fontWeight: "700", color: "#ffffff", lineHeight: "1.1", letterSpacing: "-0.025em", margin: "0 0 1.1rem 0"}}>Recraft v4</h1>
    <p style={{fontSize: "1.1rem", color: "rgba(255,255,255,0.52)", maxWidth: "580px", lineHeight: "1.7", marginBottom: "2.25rem"}}>Recraft AI's ground-up rebuilt image model — ranked #1 on the HuggingFace Text-to-Image Arena with an ELO of 1172 and a 72% win rate against Midjourney, DALL-E 3, and FLUX. Built with professional designers to prioritize design taste: composition, lighting, material realism, and precise text rendering. The only model in this lineup with native SVG vector output.</p>

    <div style={{display: "flex", gap: "0.75rem", flexWrap: "wrap"}}>
      <div style={{background: "rgba(255,255,255,0.06)", borderRadius: "14px", padding: "0.875rem 1.5rem", border: "1px solid rgba(255,255,255,0.1)"}}>
        <div style={{fontSize: "0.62rem", color: "rgba(255,255,255,0.32)", textTransform: "uppercase", letterSpacing: "0.1em", marginBottom: "0.3rem"}}>Arena Ranking</div>
        <div style={{fontSize: "1rem", color: "#ffffff", fontWeight: "600"}}>#1 (ELO 1172)</div>
      </div>

      <div style={{background: "rgba(255,255,255,0.06)", borderRadius: "14px", padding: "0.875rem 1.5rem", border: "1px solid rgba(255,255,255,0.1)"}}>
        <div style={{fontSize: "0.62rem", color: "rgba(255,255,255,0.32)", textTransform: "uppercase", letterSpacing: "0.1em", marginBottom: "0.3rem"}}>Win Rate</div>
        <div style={{fontSize: "1rem", color: "#ffffff", fontWeight: "600"}}>72%</div>
      </div>

      <div style={{background: "rgba(255,255,255,0.06)", borderRadius: "14px", padding: "0.875rem 1.5rem", border: "1px solid rgba(255,255,255,0.1)"}}>
        <div style={{fontSize: "0.62rem", color: "rgba(255,255,255,0.32)", textTransform: "uppercase", letterSpacing: "0.1em", marginBottom: "0.3rem"}}>Resolution</div>
        <div style={{fontSize: "1rem", color: "#ffffff", fontWeight: "600"}}>1024×1024</div>
      </div>

      <div style={{background: "rgba(255,255,255,0.06)", borderRadius: "14px", padding: "0.875rem 1.5rem", border: "1px solid rgba(255,255,255,0.1)"}}>
        <div style={{fontSize: "0.62rem", color: "rgba(255,255,255,0.32)", textTransform: "uppercase", letterSpacing: "0.1em", marginBottom: "0.3rem"}}>Released</div>
        <div style={{fontSize: "1rem", color: "#ffffff", fontWeight: "600"}}>February 2026</div>
      </div>
    </div>
  </div>
</div>

<iframe src="https://www.youtube.com/embed/ns30Qj4WTwk" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## Design taste as a first principle

Recraft v4 was built from scratch with professional designers — not just trained on datasets, but built alongside the people who use these outputs professionally. The result is a model that treats composition, color relationships, material realism, and typography as first-class concerns rather than afterthoughts. It outperforms Midjourney V8 and DALL-E 3 by 188 ELO points in head-to-head arena evaluations.

The standout capability: **native SVG vector output** — the only generative model that produces editable, layered vector files directly from a text prompt.

<div style={{display: "grid", gridTemplateColumns: "repeat(2, 1fr)", gap: "12px", margin: "2rem 0"}}>
  <img src="https://mintcdn.com/imagineart/QZIQ0tIYqnqVKXQJ/images/699482d889e6154f5ae5160d_3x4-2-1.png?fit=max&auto=format&n=QZIQ0tIYqnqVKXQJ&q=85&s=6684272b8842832f62591c4e4a25bf79" alt="Recraft v4 example" style={{width: "100%", aspectRatio: "3/4", objectFit: "cover", borderRadius: "12px", display: "block"}} width="1080" height="1440" data-path="images/699482d889e6154f5ae5160d_3x4-2-1.png" />

  <img src="https://mintcdn.com/imagineart/QZIQ0tIYqnqVKXQJ/images/699483c48af63abbaf322969_3x4-1.png?fit=max&auto=format&n=QZIQ0tIYqnqVKXQJ&q=85&s=bb026c7474feb7f86ea6c31bcc710a15" alt="Recraft v4 example" style={{width: "100%", aspectRatio: "3/4", objectFit: "cover", borderRadius: "12px", display: "block"}} width="1080" height="1440" data-path="images/699483c48af63abbaf322969_3x4-1.png" />

  <img src="https://mintcdn.com/imagineart/QZIQ0tIYqnqVKXQJ/images/6994a2cb272e1c6628638ee3_3x4-1-(1)-1.png?fit=max&auto=format&n=QZIQ0tIYqnqVKXQJ&q=85&s=e7d5671f9a5f0596b98e74a0f5880180" alt="Recraft v4 example" style={{width: "100%", aspectRatio: "3/4", objectFit: "cover", borderRadius: "12px", display: "block"}} width="1080" height="1440" data-path="images/6994a2cb272e1c6628638ee3_3x4-1-(1)-1.png" />

  <img src="https://mintcdn.com/imagineart/wetntQ7sWcqxm5b9/images/69948729e82d0478b81c7490_3x4-8-1.png?fit=max&auto=format&n=wetntQ7sWcqxm5b9&q=85&s=5bcba7df659b14bb62f9ad1b398aedaf" alt="Recraft v4 example" style={{width: "100%", aspectRatio: "3/4", objectFit: "cover", borderRadius: "12px", display: "block"}} width="1080" height="1440" data-path="images/69948729e82d0478b81c7490_3x4-8-1.png" />
</div>

/

## Capabilities

<CardGroup cols={3}>
  <Card title="Production text rendering">
    Reliable, sharp text-in-image generation for infographics, menus, signage, packaging, and UI mockups — with accurate multi-line layout support.
  </Card>

  <Card title="Design-taste composition">
    Trained with professional designers to produce images with strong compositional logic, cohesive color relationships, and authentic material depth.
  </Card>

  <Card title="Complex prompt adherence">
    Handles multi-element instructions with minimal element dropout — subject relationships, spatial positioning, and stylistic directives are followed accurately.
  </Card>
</CardGroup>

## Specifications

| Feature               | Details                     |
| --------------------- | --------------------------- |
| **Resolution**        | 1024×1024 (1MP)             |
| **Generation time**   | \~10 seconds                |
| **Vector output**     | Yes (native SVG)            |
| **Aspect ratios**     | 1:1, 16:9, 9:16, 4:3, 3:4   |
| **HuggingFace Arena** | #1 (ELO 1172, 72% win rate) |
| **Released**          | February 2026               |

## How to use

<Steps>
  <Step title="Open the AI Image Generator">
    Go to the **ImagineArt AI Image Generator**.
  </Step>

  <Step title="Select the model">
    From the model dropdown, choose **Recraft v4**.
  </Step>

  <Step title="Write your prompt">
    Describe your design intent specifically — style, layout, color palette, subject, and mood. Recraft v4 rewards design-language prompts.
  </Step>

  <Step title="Choose output format">
    Select raster (PNG) for standard output, or vector (SVG) for scalable, editable files.
  </Step>

  <Step title="Generate">
    Click **Generate**. At \~10 seconds, Recraft v4 is well-suited for rapid design iteration.
  </Step>
</Steps>

## Prompting tips

* **Use design vocabulary** — "flat illustration with muted earthy tones", "editorial minimalism", "bold typographic composition" produce stronger results than generic descriptions.
* **Text placement instructions work** — "Large bold sans-serif text 'OPEN NOW' centered, white on navy background, menu design" produces clean, accurate results.
* **For SVG vector output** — Simpler geometric compositions with clear subject separation produce the cleanest editable vector files. Complex photorealistic scenes work better as rasters.

### Example prompts

> A minimalist coffee shop menu board with "Morning Specials" as the header, items listed below in clean sans-serif, dark charcoal background, chalk-style illustration accents.

> A tech startup logo concept: abstract interlocking geometric shapes, electric blue and white, clean vector style.

> A flat-style world map illustration with major cities marked, soft muted palette, clean editorial design.

## Compare models

| Model                                             | Resolution   | Vector output | Best for                        |
| ------------------------------------------------- | ------------ | ------------- | ------------------------------- |
| **Recraft v4**                                    | 1024×1024    | Yes (SVG)     | Design, branding, typography    |
| [Recraft v4 Pro](/ai-models/image/recraft-v4-pro) | 2048×2048    | Yes (SVG)     | Print-ready design work         |
| [Ideogram v3](/ai-models/image/ideogram-v3)       | Up to 1536px | No            | Stylized typography, 58 presets |

<Info>
  Recraft v4 holds the #1 position on the HuggingFace Text-to-Image Arena — outranking Midjourney, DALL-E 3, and FLUX in design-oriented head-to-head evaluations. For print-resolution output, see [Recraft v4 Pro](/ai-models/image/recraft-v4-pro).
</Info>