Phuthuma Ops Console
/
Pick & Choose
Client Phuthumani IT Solutions
PICK & CHOOSE · v2 · 2026-08-19

Pick what you like. Leave what you don't.

Below is a list of common decisions. For each one, tap the option you prefer. Add a note if there's something specific to call out. Your selections are saved in this browser only — use the export button at the bottom to send them our way.

What you've picked so far

Stored locally on this device. Click "Export" below to download a JSON file. 

No selections yet.
SECTION 1

Overall direction

Which of the five designs feels closest to what you want? You can change this later. Picking none is fine — we can blend.

D1 — Editorial Brutalist

Mono type, hairline borders, huge hero numbers. Single accent.

D1 · tone: mono · accent: orange · light + dark

D2 — Editorial Soft

Soft grey surface, rounded tiles, indigo accent. Editorial but warm.

D2 · tone: soft · accent: indigo · light + dark

D3 — Noir Ops

Dark default, RAG strip lights, status glow. Coral only ever signals state.

D3 · tone: editorial · dark default · coral status

D4 — Desk Tiles

Pastel tiles carry meaning. Friendly. Less serious, still precise.

D4 · tone: friendly · accent: lavender

D5 — Enterprise Grid

Compact left rail. High density. Familiar pattern.

D5 · tone: dense · accent: slate

Not sure

Leave it to us — we'll blend the strongest elements and bring back a v2.

→ we'll synthesise
SECTION 2

Per-screen

Tell us which design handles each of the four screens best. We blend from there.

Executive Dashboard

KPIs, SLA, Top 5, utilisation.

Hero number treatment for 905.33h

Consolidated Account Summary

20 accounts, RAG bands.

Per-account rows, sort, RAG pill

Time Entry grid

Source workbook 1:1.

170+ rows · 7 columns

Per-consultant Utilisation

Stacked bars, RAG distribution.

176h target · 7 rows
SECTION 3

Typography

Body type and number type. These are the two type tokens we tune first; spacing and weight follow from them.

Body type

Which body face feels right?

The quick brown fox jumps over the lazy dog.

Number type

Numbers carry most of the load on the dashboard and account screens.

905.33h · 73.5% · RAG Red
SECTION 4

Navigation

Two patterns: a top bar (D1/D2/D3/D4) or a left rail (D5).

Top bar

D1/D2/D3/D4 style. Single row at the top.

▭▭▭▭ ──── client · region · week

Left rail

D5 style. Compact nav on the side.

│ Support │ Time │ Billing │ Comms │ Mtgs │
SECTION 5

KPI tiles

The six top-of-page tiles that summarise the month.

Tile treatment

Which feels right for carrying a number?

905.33h / 1232h / 73.5% / 7
SECTION 6

Status & RAG

RAG (consultant utilisation) and ticket status are two different semantic colours — they never share a colour. The question is how each is rendered.

RAG pill

RAG carries utilisation. Reserved colours: green / amber / red.

RED   AMBER   GREEN

Status pill

Ticket state: open / in progress / waiting / blocked / overdue / closed. Distinct from RAG.

OPEN   IN PROGRESS   WAITING   OVERDUE
SECTION 7

Table density

The Time Entry and Account Summary tables use the same primitive.

Density

How much space should each row take?

PHT-2231 · Fati · CATHSSETA · 2h 15m
PHT-2235 · Fati · CATHSSETA · 3h 20m
SECTION 8

Light / dark

Every design now has a light and a dark variant. The review shell has a toggle in the top bar. Which should be default for v1?

Default mode

Per-device preference is fine. Default on first load?

Light surface · Dark surface
SECTION 9

Anything else?

Free-form notes. Anything you want us to know — features you don't see, expectations we missed, opinions on brand.

Ready to send.

Export your selections as JSON and email the file back. Or just share what you've picked in a reply.