Project workspaces (PulseFit)
A project-management dashboard inspired by Marcel Kargul's board design: compact navigation, project properties, view tabs and a four-column Kanban board. Reinterpreted in PulseFit: charcoal rail, gold selected state, Bebas Neue titles, white cards on the light gray page. Same interactive component as the Lustro and Felix versions, themed with PulseFit tokens. All projects, people and activity are fictitious.
Product launch
A cross-functional release: design, engineering and marketing share one board. Try search, priority filters, Overview and List. Open a task to change its status, or create a task at the bottom. These are local UI demonstrations, not connected project data.
Orbit product launch
From first impression to a launch worth sharing.
Demo only. Click any task for details; changes reset when the page reloads.
Studio operations
The same pattern inside a service business, which is the natural PulseFit case: client work next to internal operations, with milestone and workload summaries.
Studio operations
Keep client delivery and studio capacity in one place.
Demo only. Click any task for details; changes reset when the page reloads.
Static reference
The PulseFit board with its own parts, for copying markup rather than behavior.
Projects
Views
To do3
In progress2
Review2
Done5
Anatomy
| Part | Purpose |
|---|---|
| Icon rail | Charcoal #212529, selected icon is a gold square, Bebas Neue mark |
| Project sidebar | Gold-soft selected project with a bold label, counts in muted text |
| Header | Bebas Neue title, status badge, due date, team avatars (gold, charcoal, bronze) |
| Board / List / Overview | Different lenses on one task collection; filters apply to Board and List |
| Task card | White, 12px radius, 3px top rule by priority in the static board |
| Primary action | Gold fill with black text, one per view |
| Focus | Gold 3px ring on tabs, inputs and selects |