Branded qr code

QR Code styletype: "qr"

Generate QR codes in your brand palette with custom dark and light module colors, encoding a new link on every API call. Create branded QR codes free.

Edit it — this is the actual editor panel

Design JSON — “Branded” 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": "#4F46E5",
        "colorLight": "#EEF2FF",
        "opacity": 1
      }
    }
  ]
}

QR Code examples

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

Spring campaign landing page

A sky-blue campaign QR linking to a UTM-tagged landing page.

API overrides for this example

{
  "link.colorDark": "#0EA5E9",
  "link.colorLight": "#F0F9FF",
  "link.value": "https://imejis.io/spring-sale?utm_source=print&utm_campaign=spring26"
}

Packaging code in brand green

An on-pack QR in a forest-green palette pointing at product care info.

API overrides for this example

{
  "link.colorDark": "#166534",
  "link.colorLight": "#F0FDF4",
  "link.value": "https://imejis.io/care-guide?utm_source=packaging"
}

When to use the branded style

Campaign QR codes matching brand guidelines
Product packaging with on-brand codes
Branded event signage and posters

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": "#4F46E5",
    "link.colorLight": "#EEF2FF",
    "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

DefaultBrandedHigh error correction Dark inverse

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