Canvas Design System
Main Site Tokens

Hybrid Kit

A focused microsite for facilitators running hybrid (mixed remote + in-person) workshops. It's a resource library of playbooks, equity audits, tech checklists, and starter kits — not a tool, a reference.

App Identity

Phase
Plan
Primary Color
#0284C7 (aligned with Planner)
Font Stack
Fraunces + Inter

Design Philosophy

Hybrid Kit is a standalone microsite — a niche content surface aimed at the "future of work" audience. It behaves more like a thoughtful landing/resource site than a platform app.

download
Downloadable-first
Playbooks, checklists, and kits are PDF/markdown downloads. Every resource card leads with the file, not a long-form page. Facilitators take these into the room.
balance
Equity-forward framing
The content angle is hybrid equity — keeping remote participants as engaged as in-room ones. Visual treatment should avoid "one over the other" imagery.
scale
Niche, not comprehensive
Hybrid Kit targets a specific problem. Don't dilute it with general facilitation content — link out to /library and /tips for that.

Key Patterns

AreaPatternNotes
Landing heroFraunces display headline + 2-3 sentence value prop + primary download CTA.Use ws_hero or custom equivalent.
Resource gridCard grid of kits/playbooks. Each card shows title, one-liner, file type, size, download button.Consider ws_feature_card.
Kit detail pageLong-form description + what's inside + download CTA.Narrow measure for body text.
Cross-linksFooter or inline callouts to Planner, Facilitator, and main Library for related work.Don't make users dead-end on the kit.

Do / Don't

Do: Lead with the download
A kit without a visible download button is a blog post. Make the file action the hero.
Don't: Gate downloads behind email forms
Workshopr is a content platform, not a lead-gen funnel. Friction kills trust.
Do: Use Planner's blue as the accent
Hybrid Kit sits inside the Plan phase — blue links it visually to the planner it feeds into.
Don't: Invent a standalone brand color
Hybrid Kit is a focused microsite, not a separate product. Staying in the platform palette signals "part of the whole."

File Reference

PathPurpose
/toolkits/hybrid/Hybrid Kit microsite root

As of April 2026, Hybrid Kit is an early-stage microsite. Expand this file reference as pages are added.