Hairline line

Line styletype: "line"

A 2px rule for subtle section separators in generated images, recolorable on every API call. Add clean dividers to your templates free with Imejis.

Edit it — this is the actual editor panel

Design JSON — “Hairline” variant

{
  "title": "Line sample",
  "description": "A dynamic divider line",
  "dimensions": {
    "width": 800,
    "height": 420
  },
  "background": {
    "color": "#ffffff"
  },
  "components": [
    {
      "id": "sample-line",
      "key": "divider",
      "type": "line",
      "position": {
        "x": 160,
        "y": 209
      },
      "rotation": 0,
      "size": {
        "width": 480,
        "height": 2
      },
      "dynamic": true,
      "properties": {
        "fillColor": "#E5E7EB",
        "borderRadius": 0,
        "opacity": 1
      }
    }
  ]
}

Line examples

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

Email footer rule

A full-width light gray hairline separating an imagined email body from its footer links.

API overrides for this example

{
  "divider.fillColor": "#E5E7EB",
  "divider.borderRadius": 0
}

Dark-mode hairline

A charcoal hairline that reads as a subtle separator on a dark-themed OG image.

API overrides for this example

{
  "divider.fillColor": "#374151",
  "divider.borderRadius": 0
}

When to use the hairline style

Separating sections in OG images
Email header and footer rules
Editorial layout dividers

Use it dynamically via the API

Recolor per render with '<key>.fillColor' (or just '<key>'); opacity and borderColor are overridable too.

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 '{
    "divider.fillColor": "#E5E7EB",
    "divider.borderRadius": 0,
    "divider.opacity": 1
}'

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

Other line styles

DefaultHairlineAccent bar

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