Skip to main content

Overview

The Company Branding Component allows you to display brand visuals such as a logo, title, and formatted text elements on QR Code landing pages.
It ensures consistent brand presence across different QR Code categories and supports customization via style components for typography and card layout.
All brand images must use a valid HTTPS URL and conform to supported file formats.

Properties

PropertyTypeRequiredDescription
imageobject✅ YesContains the brand image (e.g., company logo).
titlestringNoBrand or company name displayed under or beside the image.
formattingobjectNoDefines visual styles for text and card layout using style component references.

🖼️ Image Object

Sub-PropertyTypeRequiredDescription
urlstring✅ YesDirect HTTPS link to the image file. Must be a valid URI ending with .png, .jpg, .jpeg, .svg, or .gif.

🎨 Formatting Object

Sub-PropertyTypeReferenceDescription
textStyleobjectText Style ComponentControls typography such as font size, weight, and alignment.
cardStyleobjectCard Style ComponentControls layout attributes such as border, background color, and padding.

Used In Categories

This component is used in the following QR Code categories:

Example Schema

{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "definitions": {},
  "type": "object",
  "required": [],
  "additionalProperties": false,
  "properties": {
    "image": {
      "type": "object",
      "required": [
        "url"
      ],
      "additionalProperties": false,
      "properties": {
        "url": {
          "type": "string",
          "format": "uri",
          "pattern": "^(https?://.*\\.(png|jpg|jpeg|svg|gif|PNG|JPEG|JPG|SVG|GIF))$"
        }
      }
    },
    "title": {
      "type": "string"
    },
    "formatting": {
      "type": "object",
      "additionalProperties": false,
      "properties": {
        "textStyle": {
          "$ref": "style/text.json"
        },
        "cardStyle": {
          "$ref": "style/card.json"
        }
      }
    }
  }
}

Notes

  • The image URL must be publicly accessible over HTTPS.
  • Supported image formats: .png, .jpg, .jpeg, .svg, .gif.
  • Formatting is optional but recommended for visual consistency with other elements on the page.
  • Avoid oversized images (recommended max: 1MB) for faster loading times.