Cover title text

Text styletype: "text"

Generate personalised book-cover titles with thick outside outlines, gradient fills and a drop shadow, swapping the name on every API call. Start free.

Edit it — this is the actual editor panel

Design JSON — “Cover title” 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": 50,
        "y": 130
      },
      "rotation": 0,
      "size": {
        "width": 700,
        "height": 160
      },
      "dynamic": true,
      "properties": {
        "text": "The Great Adventure",
        "fontSize": 64,
        "fontFamily": "Inter",
        "fontWeight": 800,
        "color": "#F6B93B",
        "textAlignment": "center",
        "verticalAlignment": "center",
        "lineHeight": 1.2,
        "opacity": 1,
        "textOutlines": [
          {
            "width": 6,
            "color": "#FFFFFF"
          },
          {
            "width": 4,
            "color": "#3B2A1A"
          }
        ],
        "textShadow": "0 8px 0 rgba(59,42,26,0.25)"
      }
    }
  ]
}

Text examples

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

Name and subtitle in one layer

A whole cover title block — name, big name line and tagline — from a single text component using patterns.

API overrides for this example

{
  "title.text": "*Uncle William*{& Henry}~So Much Fun Together~",
  "title.fontSize": 44,
  "title.fontWeight": 800,
  "title.color": "#C0563C",
  "title.textAlignment": "center",
  "title.verticalAlignment": "center",
  "title.textOutlines": [],
  "title.textShadow": "none",
  "title.textPatterns": [
    {
      "startDelimiter": "*",
      "endDelimiter": "*",
      "block": true,
      "textColor": "#C0563C"
    },
    {
      "startDelimiter": "{",
      "endDelimiter": "}",
      "block": true,
      "fontScale": 1.5,
      "fontWeight": 800,
      "textColor": "#B4462C"
    },
    {
      "startDelimiter": "~",
      "endDelimiter": "~",
      "block": true,
      "fontScale": 0.62,
      "fontWeight": 600,
      "textColor": "#5C8A3E"
    }
  ]
}

Gradient cover title

A sunset gradient fill held together by a single outside outline.

API overrides for this example

{
  "title.text": "Bedtime Adventure",
  "title.fontSize": 64,
  "title.fontWeight": 800,
  "title.color": "#F6B93B",
  "title.textAlignment": "center",
  "title.verticalAlignment": "center",
  "title.textOutlines": [],
  "title.textShadow": "0 8px 0 rgba(59,42,26,0.25)",
  "title.textGradient": {
    "colors": [
      "#FFE29F",
      "#FF719A"
    ],
    "angle": 160
  },
  "title.strokeAlign": "outside",
  "title.strokeWidth": 5,
  "title.strokeColor": "#3E2C41"
}

When to use the cover title style

Personalised story-book covers generated per order
Kids’ product and poster art where the title sits on a busy illustration
Cartoon-style thumbnails and sticker titles for social

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": "The Great Adventure",
    "title.fontSize": 64,
    "title.fontFamily": "Inter",
    "title.fontWeight": 800,
    "title.color": "#F6B93B",
    "title.textAlignment": "center",
    "title.verticalAlignment": "center",
    "title.lineHeight": 1.2,
    "title.opacity": 1,
    "title.textOutlines": [
        {
            "width": 6,
            "color": "#FFFFFF"
        },
        {
            "width": 4,
            "color": "#3B2A1A"
        }
    ],
    "title.textShadow": "0 8px 0 rgba(59,42,26,0.25)"
}'

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 Highlighted Outlined Inline pattern Uppercase label Curved titleCover title

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