workmess
/ styleguide

Identity

Calm green on cool slate. One accent, used with discipline.

workmess
bg
#F8FAFC
surface
#FFFFFF
border
#E9EDF2
accent
#138A5E
text
#0F172A
text-muted
#64748B

Status colors

Reserved for status only. Brand stays green.

AccentDoneTodayOverdueIn reviewDefault

Typography

Tasks that respect your time.

Heading 2 / section

Heading 3 / card title

Body text. The quick brown fox jumps over the lazy dog.

Muted small text. Secondary information lives here.

MONO-12 / TASK-1042 · 2026-05-05

Buttons

Inputs

Avatars

PA
MV
KO
SO
PA
MV
KO
+1

Task card

The atomic unit. Lives on boards and in My Tasks.

Wire up Pusher channels for board events
Tomorrow2/43
PA
Design the empty state for personal board
Jun 281
MV
Draft launch email
Today
KO
Done: set up the project repo
Sun

Card

Generic container. Used for forms, summaries, settings.

Invite a teammate

They'll get an email invite to join the team.

Mini board

Three columns, drag-drop coming soon.

Todo4
Sample task in Todo
PA
Another item
MA
Doing2
Sample task in Doing
Tomorrow
PA
Done7
Project scaffold + design system
PA
Another item
2
MA