Outlined text

Text styletype: "text"

Generate poster-style hollow text with a glyph stroke — set stroke width and color, then swap the words per API call. Create outlined text images free.

Edit it — this is the actual editor panel

Design JSON — “Outlined” variant

{
  "title": "Text sample",
  "description": "A centered dynamic headline",
  "dimensions": {
    "width": 800,
    "height": 420
  },
  "background": {
    "color": "#ffffff"
  },
  "components": [
    {
      "id": "sample-text",
      "key": "title",
      "type": "text",
      "position": {
        "x": 100,
        "y": 150
      },
      "rotation": 0,
      "size": {
        "width": 600,
        "height": 120
      },
      "dynamic": true,
      "properties": {
        "text": "BIG SALE",
        "fontSize": 72,
        "fontFamily": "Inter",
        "fontWeight": 800,
        "color": "#ffffff",
        "textAlignment": "center",
        "verticalAlignment": "center",
        "lineHeight": 1.2,
        "opacity": 1,
        "strokeWidth": 2,
        "strokeColor": "#4F46E5",
        "textTransform": "uppercase"
      }
    }
  ]
}

Text examples

Real renders of the outlined text — each one is the same component with different property values, and the API payload below each preview reproduces it exactly.

Festival poster headline

An oversized hollow headline in hot pink for an event cover.

API overrides for this example

{
  "title.text": "Summer Fest",
  "title.fontSize": 88,
  "title.fontWeight": 800,
  "title.color": "#ffffff",
  "title.strokeWidth": 2,
  "title.strokeColor": "#EC4899",
  "title.textTransform": "uppercase"
}

Black Friday teaser on black

A white-outline hollow headline that disappears into a dark canvas.

API overrides for this example

{
  "title.text": "Black Friday",
  "title.fontSize": 80,
  "title.fontWeight": 800,
  "title.color": "#111827",
  "title.strokeWidth": 2,
  "title.strokeColor": "#F9FAFB",
  "title.textTransform": "uppercase"
}

When to use the outlined style

Bold promo posters and sale creatives
Event covers with oversized display type
Streetwear-style social graphics

Use it dynamically via the API

Override the copy per render with '<key>.text' (or just '<key>' for the primary text value), plus '<key>.color' and background/stroke colors for styling.

Full API request with this variant's current values — the playground above sends only the properties you change

curl --location 'https://render.imejis.io/v1/{{YOUR_DESIGN_ID}}' \
--header 'dma-api-key: {{YOUR_API_KEY}}' \
--header 'Content-Type: application/json' \
--data '{
    "title.text": "BIG SALE",
    "title.fontSize": 72,
    "title.fontFamily": "Inter",
    "title.fontWeight": 800,
    "title.color": "#ffffff",
    "title.textAlignment": "center",
    "title.verticalAlignment": "center",
    "title.lineHeight": 1.2,
    "title.opacity": 1,
    "title.strokeWidth": 2,
    "title.strokeColor": "#4F46E5",
    "title.textTransform": "uppercase"
}'

Only send the properties you want to change — everything else keeps its design value. See the API documentation for all languages.

Other text styles

Default HighlightedOutlinedInline pattern Uppercase label

See the text component page for the full property reference and FAQs.