Work 06 of 9 · Playbook F

Keel

A revenue operations console — the integration settings screen.

DesktopMobile

Workspaces

Halcyon Supply(current)

Workspaces you’re invited to will show up here.

Tillpoint

Connected

Orders, customers and refunds from three storefronts.

Every 15 minutes

12,480 orders in total

Choose what Keel’s tools may do with Tillpoint data. Changes apply to all three stores.

Let Forecast read order historyUses 13 months of orders to project revenue by week.
Let Deal desk create draft invoicesDrafts stay in Tillpoint until someone on your team sends them.
Let Renewals update subscription datesMoves a renewal date when the contract changes in your CRM.
Let Territories tag stores by regionGrowth planAvailable on the Growth plan. Upgrade to turn it on.

Keel is fictional; this page is a 71UI study.

14 days left

Brief

Token plan

design.md’s Agent Protocol asks for this table first. Ratios are WCAG 2, measured on the surface each color actually sits on.

Color	Hex	Role	Contrast
Canvas	#FFFFFF	Content	—
Surface	#FAFAFA	Sidebar	—
Ink	#333333	Default text	12.63:1
Ink subtle	#6B6B6B	Secondary text	5.33:1
Primary	#0070E0	Switch on, links	4.78:1 with white
Success fill	#CAFACE	Connected badge	4.70:1 with #0E7A2F

Decisions

01
Built entirely from the Core tokens in design.md's front matter — the apps cheatsheet made real.
02
32px buttons with 10px radius, 40px data rows, 44px store rows, 20px badges, 24×14 switches.
03
Active nav uses a surface-2 fill and ink-strong text, not the accent; strong states make settings easy to scan.
04
Every switch is labeled by the state it turns on and sits in a hit area of at least 24px.