Page Title Component

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

Property	Type	Required	Description
title	`string`	✅ Yes	The main title text displayed at the top of the page or section.
cardStyle	`object`	No	Style 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.

Getting Started

Code Examples

Category Components

Categories

Overview

Properties

Used in Categories

Schema

Notes

​Overview

​Properties

​Used in Categories

​Schema

​Notes

Overview

Properties

Used in Categories

Schema

Notes