Canvas Design System
Main Site Tokens

Illustrations

Workshopr uses a warm, flat illustration style across all hero images, feature cards, and marketing materials. Every illustration follows the same visual language to create a cohesive brand.

Illustration Style

All Workshopr illustrations share a consistent visual DNA rooted in warmth, approachability, and human connection.

palette
Limited Warm Palette
Terracotta, cream, tan, soft brown. Never saturated or neon. Greyscale base with warm undertones.
category
Flat Geometric Shapes
No outlines, soft geometric forms, soft shadows. Clean and modern without being cold.
groups
Human Connection
Diverse characters, expressive body language, business casual. Always in a facilitation or workshop context.

Illustration Color Palette

Terracotta
#C45C4B
Light Terra
#E07B6B
Cream
#F5E6D3
Tan
#D4C4B0
Warm Brown
#8B7355
Soft Gold
#D4A574

Style Parameters

ParameterValue
TechniqueFlat illustration, no outlines, soft geometric shapes, soft shadows
CharactersSimple friendly faces, expressive body language, diverse representation, business casual
SettingModern office/meeting room, large windows, natural light, plants, contemporary furniture
DimensionsHero: 1920 x 1080  |  Card: 750 x 1050
Color modeGreyscale base with warm palette overlay
Generation toolsGoogle Gemini (Imagen 3), Midjourney, or DALL-E with style reference

Hero Image Gallery

Current hero illustrations used across the platform. Each image communicates a specific app or feature area while maintaining the shared visual language.

Platform

Apps

Facilitator DNA Profiles

Each DNA profile has a distinct hero that communicates the facilitator's core energy through posture, room dynamics, and whiteboard state.

Utility & Auth

Gemini Prompts for New Illustrations

Copy these prompts into Google Gemini (Imagen 3) to generate new illustrations that match the Workshopr style. Adjust the scene description while keeping the style parameters consistent.

lightbulb
Every prompt includes the same style foundation. Only change the scene description (the first sentence after the style declaration). Keep everything else identical for visual consistency.

Base Prompt Template

Start every illustration prompt with this foundation, then add your scene description.

Flat illustration, limited color palette (terracotta, cream, tan, soft brown). [YOUR SCENE DESCRIPTION HERE]. Modern meeting room, large windows with warm natural light, indoor plants, contemporary furniture. No outlines, soft geometric shapes, soft shadows. 1920px x 1080px no text greyscale

Ready-to-Use Prompts

psychology AI Facilitation Coach Coach App
Flat illustration, limited color palette (terracotta, cream, tan, soft brown). A facilitator sitting at a desk with a laptop open, a subtle glowing AI interface on screen showing coaching suggestions. The facilitator looks thoughtful, one hand on chin, reviewing the AI recommendations before a workshop. Behind them a whiteboard shows a partially planned agenda with sticky notes. A cup of coffee on the desk, notebook open beside the laptop. The scene feels like a quiet, focused preparation moment — the facilitator is the human, the AI is the assistant. Modern home office or meeting room, large windows with morning light, indoor plants, contemporary furniture. No outlines, soft geometric shapes, soft shadows. 1920px x 1080px no text greyscale
school Training / Learning Module Training
Flat illustration, limited color palette (terracotta, cream, tan, soft brown). A small group of three people gathered around a tablet or laptop in an informal learning setting, one person pointing at the screen while the others lean in with curiosity. They are mid-discussion, sharing insights from a facilitation training module. Books and notebooks scattered on the table, a coffee cup, highlighters. The mood is collaborative learning — peers helping peers, not a lecture. Modern coworking space, large windows with afternoon light, indoor plants, comfortable contemporary seating. No outlines, soft geometric shapes, soft shadows. 1920px x 1080px no text greyscale
co_present Workshop in Progress General
Flat illustration, limited color palette (terracotta, cream, tan, soft brown). A lively workshop in progress with eight participants clustered in small groups around separate tables, each group working on their own activity. Sticky notes cover the walls in colorful clusters. One group is sketching on large paper, another is debating with hands gesturing, a third is quietly writing individually. A facilitator moves between tables, checking in with a light touch — no one is presenting. Timer visible on a screen. Markers, dot-vote stickers, and printed worksheets on every table. The room buzzes with productive energy. Modern meeting room, large windows with bright natural light, indoor plants, movable contemporary furniture. No outlines, soft geometric shapes, soft shadows. 1920px x 1080px no text greyscale
video_call Remote / Hybrid Workshop Feature
Flat illustration, limited color palette (terracotta, cream, tan, soft brown). A split-scene showing a hybrid workshop: on the left, three people sit around a physical table with sticky notes and markers, a large screen showing remote participants. On the right, two people at home offices with laptops, headphones on, actively participating via video — one is holding up a sticky note to camera, the other is typing in a virtual whiteboard. A facilitator stands between the physical and digital spaces, bridging both groups with open gestures. The energy feels connected despite the distance. Modern meeting room on the physical side, cozy home offices on the remote side, warm natural light in both. No outlines, soft geometric shapes, soft shadows. 1920px x 1080px no text greyscale
self_improvement Post-Workshop Reflection Coach
Flat illustration, limited color palette (terracotta, cream, tan, soft brown). A facilitator sitting alone in a quiet meeting room after a workshop has ended. Chairs are pushed back, a few sticky notes remain on the whiteboard, empty coffee cups on the table. The facilitator has a journal open and is writing reflective notes, looking thoughtful and satisfied. A laptop nearby shows a simple analytics dashboard with session metrics. The room has the peaceful energy of a job well done — post-activity calm. Late afternoon golden light streaming through large windows, long soft shadows, indoor plants. No outlines, soft geometric shapes, soft shadows. 1920px x 1080px no text greyscale
emoji_events Icebreaker Activity Content
Flat illustration, limited color palette (terracotta, cream, tan, soft brown). A playful icebreaker activity at the start of a workshop. Six participants stand in a loose circle, laughing and gesturing. Two people are mid-conversation discovering something in common, looking surprised and delighted. One person is dramatically acting something out while others guess. A facilitator stands just outside the circle, smiling, timing the activity on a phone. The room feels light, informal, and energizing — barriers coming down. Name tags visible on some participants. Modern meeting room, large windows with bright morning light, indoor plants, chairs pushed to the walls to make space. No outlines, soft geometric shapes, soft shadows. 1920px x 1080px no text greyscale

Card Format (750 x 1050)

For profile cards, feature cards, and thumbnails, change the dimensions at the end of any prompt:

[...same prompt as above...] 750px x 1050px no text greyscale

Illustration QA Checklist

Before using any generated illustration, verify it passes these checks.

Do
  • Facilitator positioned to the side, not center stage
  • Participants face each other, not the facilitator
  • Diverse representation in characters
  • Warm, natural lighting from windows
  • Collaborative artifacts visible (sticky notes, markers)
  • Modern office setting with plants
  • Consistent warm color palette across all images
  • Body language tells the story
Don't
  • Facilitator standing at a podium or lectern
  • Participants in rows facing forward
  • Saturated or neon colors
  • Outlines or cartoon-style rendering
  • Text, logos, or UI elements in the illustration
  • Clinical, sterile, or corporate-cold settings
  • One-way energy (presenter → audience)
  • Empty, generic office with no personality