Canvas Design System
Main Site Tokens

Feature Card

Icon + title + description cards for feature lists, benefit grids, and marketing sections. Supports icons, SVGs, link wrapping, and a coming-soon variant.

Default

Curated Library

Browse our collection of workshops, exercises, and icebreakers.

AI Facilitation Coach

Get real-time guidance powered by AI during your sessions.

Workshop Planner

Drag and drop to build your perfect agenda.

<?= ws_feature_card('Curated Library', 'Browse our collection...', [
    'icon' => 'menu_book',
]) ?>

As Links

Pass href to render as an <a> tag.

Compact Variant

Quick Setup

Get started in under 5 minutes.

Team Ready

Built for groups of any size.

<?= ws_feature_card('Quick Setup', 'Get started fast.', [
    'icon' => 'bolt',
    'variant' => 'compact',
]) ?>

Coming Soon Variant

Custom Builder

Create your own workshops from scratch.

Analytics

Track session outcomes and engagement.

Templates

Start from proven templates.

<?= ws_feature_card('Custom Builder', 'Coming soon...', [
    'icon' => 'construction',
    'variant' => 'coming-soon',
]) ?>

API Reference

OptionTypeDefaultDescription
iconstringnullMaterial icon name
svgstringnullRaw SVG (alternative to icon)
variantstring'default'default, compact, or coming-soon
hrefstringnullMakes card a link
idstringnullElement ID
classstring''Additional CSS classes
attrsarray[]Additional HTML attributes