logoImejis.io

Curved title text

Text styletype: "text"

Arch any headline onto a curved baseline and swap the name per API call — the personalised book-cover look, rendered as an image. Try curved text free.

Edit it — this is the actual editor panel
Design JSON — “Curved 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": 60
      },
      "rotation": 0,
      "size": {
        "width": 700,
        "height": 240
      },
      "dynamic": true,
      "properties": {
        "text": "WHERE ARE YOU CHARLOTTE?",
        "fontSize": 40,
        "fontFamily": "Inter",
        "fontWeight": 800,
        "color": "#ffffff",
        "textAlignment": "center",
        "verticalAlignment": "top",
        "lineHeight": 1.2,
        "opacity": 1,
        "textTransform": "uppercase",
        "curve": 45,
        "textOutlines": [
          {
            "width": 6,
            "color": "#2F3E46"
          }
        ]
      }
    }
  ]
}

Text examples

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

Arched name over cover art

A personalised picture-book title arched across the top of the cover.

API overrides for this example
{
  "title.text": "THE ADVENTURES OF MIA",
  "title.fontSize": 40,
  "title.fontWeight": 800,
  "title.color": "#ffffff",
  "title.textAlignment": "center",
  "title.verticalAlignment": "top",
  "title.textTransform": "uppercase",
  "title.curve": 50,
  "title.textOutlines": [
    {
      "width": 6,
      "color": "#2F3E46"
    }
  ]
}

Smile-curved subtitle

The child’s full name curving downwards under a cover illustration.

API overrides for this example
{
  "title.text": "Charlotte Taylor",
  "title.fontSize": 44,
  "title.fontWeight": 800,
  "title.color": "#ffffff",
  "title.textAlignment": "center",
  "title.verticalAlignment": "top",
  "title.textTransform": "none",
  "title.curve": -40,
  "title.textOutlines": [
    {
      "width": 6,
      "color": "#2F3E46"
    }
  ]
}

When to use the curved title style

  • Personalised children’s book covers with the child’s name arched over the artwork
  • Badges, seals and stamps where the copy follows the circle
  • Event and festival posters with a rainbow headline

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": "WHERE ARE YOU CHARLOTTE?",
    "title.fontSize": 40,
    "title.fontFamily": "Inter",
    "title.fontWeight": 800,
    "title.color": "#ffffff",
    "title.textAlignment": "center",
    "title.verticalAlignment": "top",
    "title.lineHeight": 1.2,
    "title.opacity": 1,
    "title.textTransform": "uppercase",
    "title.curve": 45,
    "title.textOutlines": [
        {
            "width": 6,
            "color": "#2F3E46"
        }
    ]
}'

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

Other text styles

DefaultHighlightedOutlinedInline patternUppercase labelCurved titleCover title

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