Dark inverse qr code

QR Code styletype: "qr"

Generate inverted QR codes — light modules on a dark ground — for dark-mode designs and night signage, with the payload swapped per API call. Try it free.

Edit it — this is the actual editor panel

Design JSON — “Dark inverse” variant

{
  "title": "QR code sample",
  "description": "A dynamic QR code",
  "dimensions": {
    "width": 800,
    "height": 420
  },
  "background": {
    "color": "#ffffff"
  },
  "components": [
    {
      "id": "sample-qr",
      "key": "link",
      "type": "qr",
      "position": {
        "x": 290,
        "y": 100
      },
      "rotation": 0,
      "size": {
        "width": 220,
        "height": 220
      },
      "dynamic": true,
      "properties": {
        "value": "https://imejis.io",
        "errorCorrectionLevel": "M",
        "margin": 4,
        "colorDark": "#F8FAFC",
        "colorLight": "#0F172A",
        "opacity": 1
      }
    }
  ]
}

QR Code examples

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

Dark-mode app download card

An app-install QR blending into a slate-dark promo card.

API overrides for this example

{
  "link.colorDark": "#F8FAFC",
  "link.colorLight": "#0F172A",
  "link.value": "https://imejis.io/get?utm_source=qr&utm_medium=app-card"
}

Concert poster on black

A pure white-on-black code for a nightlife poster ticket link.

API overrides for this example

{
  "link.colorDark": "#FFFFFF",
  "link.colorLight": "#000000",
  "link.value": "https://imejis.io/tickets/NYE-2026?utm_source=poster"
}

When to use the dark inverse style

Dark-mode app screens and OG images
Concert and nightlife posters on black
Dark product packaging and signage

Use it dynamically via the API

Set '<key>.value' (or just '<key>') to encode a different URL or string in every render; module colors are overridable as well.

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 '{
    "link.value": "https://imejis.io",
    "link.errorCorrectionLevel": "M",
    "link.margin": 4,
    "link.colorDark": "#F8FAFC",
    "link.colorLight": "#0F172A",
    "link.opacity": 1
}'

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

Other qr code styles

Default Branded High error correctionDark inverse

See the qr code component page for the full property reference and FAQs.