Skip to main content

​
Overview

The Page Title Component provides a standardized way to define and style the main heading of a QR Code landing page.
It ensures visual consistency in titles across categories like Event, Social Media, and Wedding, while allowing customization via the cardStyle reference. This component helps create a clear hierarchy and improves readability on pages with multiple content blocks or sections.

​
Properties

PropertyTypeRequiredDescription
titlestring✅ YesThe main title text displayed at the top of the page or section.
cardStyleobjectNoStyle reference for title block design (background, padding, border, etc.). Refers to style/card.json.

​
Used in Categories

This component is used in the following categories:

​
Schema

{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "definitions": {},
  "title": "Page title component",
  "description": "Validate page title component schema",
  "type": "object",
  "required": [
    "title"
  ],
  "additionalProperties": false,
  "properties": {
    "title": {
      "type": "string"
    },
    "cardStyle": {
      "$ref": "style/card.json"
    }
  }
}

​
Notes

  • The title property is mandatory and must contain meaningful text for accessibility and SEO.
  • Use consistent typography across categories for visual harmony.
  • The cardStyle reference allows you to align the title block with your overall theme or brand color scheme.