MyWorkshopr
The personal dashboard — a user's private hub for saved workshops, team collaboration, settings, favorites, notes, and usage analytics. It's the "my stuff" layer that bridges every other app.
App Identity
Phase
Learn / cross-phase
Primary Color
#E54D4D
Font Stack
Fraunces + Inter
Design Philosophy
MyWorkshopr is the "Notion homepage" of the platform — a calm hub that surfaces recent activity, in-progress workshops, and team context. It should feel like sitting down at a clean desk, not walking into a control room.
dashboard
Card grid over table
Workshops, team members, and saved items render as visual cards with title + metadata + thumbnail, not dense tables. Scanability over density.
trending_flat
Links outward to other phases
MyWorkshopr doesn't try to be every app — it's the launchpad. Every saved workshop card links to Plan (edit) or Facilitate (run). Don't recreate planning UI here.
groups
Team-aware, not team-exclusive
Solo users still need to love this page. Team features appear only when the user has a team — no empty "Invite teammates" nags as the primary CTA.
Key Patterns
| Area | Pattern | Files |
|---|---|---|
| Dashboard home | Recent + in-progress + team activity + stats strip. | /myworkshopr/index.php |
| Saved workshops | Grid of ws_listing_card with filter chips (mine/team/all). | /myworkshopr/workshops/ |
| Settings | Sectioned form with ws_form_row, sticky sidebar nav. | /myworkshopr/settings.php |
| Team management | Avatar grid + invite modal (ws_chip_input for emails). | /myworkshopr/team/ |
| Favorites | Heart toggle attached to any library item, collected under a dedicated tab. | /includes/footer/favorites.php |
Do / Don't
Do: Show recent activity prominently
"Continue where you left off" above the fold is the main value of a personal hub. Beats an empty welcome state.
Don't: Recreate planner/facilitator UI inline
Editing an agenda inline, running a session inline — these belong in dedicated apps with their own layouts. MyWorkshopr launches into them.
Do: Use phase colors on linked cards
A "saved plan" card shows a blue corner ribbon (Plan phase). A "recent session" card shows purple (Facilitate). Color-coded wayfinding.
Don't: Invent new colors per card type
Only the four phase colors carry meaning. Adding a fifth for "team" or "archived" fragments the system.
File Reference
| Path | Purpose |
|---|---|
/myworkshopr/index.php | Dashboard home |
/myworkshopr/settings.php | Account + notification + team settings |
/myworkshopr/workshops/ | Saved workshop listings |
/myworkshopr/team/ | Team management |
/css/myworkshopr/myworkshopr-v2.css | MyWorkshopr-specific styles |
/css/myworkshopr/add-exercise.css | Exercise-add modal styling |