Read the calendar at a glance

The chip body carries the person's colour and a short tag carries the type — DISC, DEMO, ONBD, CALL, SUPP, PERS — so both facts read without opening anything.

What it is

Seven appointment types, each with its own tag colour, layered on eight per-person chip colours. Personal Google events render as a hatched grey block. Filters exist for both person and type.

Also called: colour coded calendar · whose appointment is this · what type of meeting

See it
Read the calendar at a glance
Apr
May
Jun
Jul
Ronan Petsch — 30×40 Garage
Framing
Delia Yoder — 40×64 Shop
Concrete
Gideon Alt — Barndominium
Trim
Delia Yoder — Hobby Shop
Framing
Gideon Alt — 40×64 Shop
Concrete
Framing crewConcrete crewTrim crew
A week column of chips, each with its coloured type tag on a person-coloured body. platform/calendar/page.tsx. Sample data — no customer information appears here.
How it works
  1. 1Host colours are assigned from a fixed palette; type colours are fixed per kind.
  2. 2Both filter sets are multi-select, with empty meaning all.
  3. 3All-day Google events render as 'All day' rather than a start time.
Why we built it

The tag is annotated 'Short tag shown on every chip so the TYPE reads at a glance ' — colour alone could not carry both who and what.

The problem
  • One colour trying to encode two facts
Sound familiar?
What you get
Person and meeting type both readable without clicking

See it on your own jobs

Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.

or keep browsing features →