Canvas Design System
Main Site Tokens

Section Header

Page and section titles with optional subtitles, descriptions, labels, and alignment. Replaces inline heading patterns across the site.

Default (Centered)

Everything you need to run
world-class workshops.

Ditch the clunky tools. Workshopr gives you a curated library of exercises, agendas, and an AI coach.

<?= ws_section_header('Everything you need to run', [
    'subtitle' => 'world-class workshops.',
    'description' => 'Ditch the clunky tools...',
]) ?>

With Label

Our Mission

Democratizing the art of
facilitation.

We believe every team deserves a great facilitator.

<?= ws_section_header('Democratizing the art of', [
    'subtitle' => 'facilitation.',
    'label' => 'Our Mission',
]) ?>

Left Aligned

Browse Workshops

Find the perfect workshop for your next session.

<?= ws_section_header('Browse Workshops', [
    'align' => 'left',
]) ?>

Heading Tag

Use tag to render as h2 (default) or h3.

H2 Heading (default)

H3 Heading

Title Only

Simple Section Title

<?= ws_section_header('Simple Section Title') ?>

API Reference

OptionTypeDefaultDescription
subtitlestringnullItalic text on second line (brand color)
descriptionstringnullParagraph below heading
labelstringnullSmall uppercase label above heading
tagstring'h2'Heading element: h2 or h3
alignstring'center'Text alignment: center or left
idstringnullElement ID
classstring''Additional CSS classes