Lab 20 · The finishing pass · rebuilt on Untitled UI

The finishing pass.

Six items arrived together: rebalance the rail, bring back the platform update bar, complete the top bar with the user pill, the theme switch and the bell, rename the AI to TAI, settle the trip container mark, and open the intelligence layer. Five are ruled below, including the trip container mark, researched against alternatives because it will be one of the most clicked targets on the platform and ruled: the TRP chip. The intelligence layer is opened as a named workstream with draft laws, waiting on the chart library discussion.

The screens, rebuilt

Drawn fresh from the Untitled kit and the system’s ruled tokens, not restyled from the originals.

The shell · merged switcher, rail, content
Northline Travel LLCCRM · United States
Dashboard
Customers
Enquiries
Quotations
Bookings
The two-level top bar · the horizontal alternative
TripbooksCRMAccountingHRWorkstationContentGroupNorthline LLC
DashboardCustomersEnquiriesQuotationsBookingsAnalytics

Level one is the modules; level two is the active module’s boards. The nav never caps out, because each level carries one family.

The board · cohorts above, consequence below; the exposure row inverts
Needs your attention
11 2 yours
Money billed
$1.28m ↑ 11.2%
Bookings won
41 ↑ 2
Conversion
48.8% ↓ 4.3%
Gate exposure of $12,400Riyadh roadshow · issued beyond paidCRM · Bookings
4 departures unissuedtravelling within 7 days
$214,900 overdue9 customers past terms
7 quotes expiring soonholds lapse within 72 hours

The reasoning, kept

01 / the rail, rebalanced

Entity on top, module on the bottom.

02 / the update bar

News gets one line above everything.

03 / the top bar, completed

The bell and the person holding the session.

04 / the agent is named

TAI, in three letters.

05 / the most clicked control on the platform · ruled

The trip container mark.

06 / a workstream opens

The intelligence layer.

Ruled 20 Aug

No label on either card. The card treatment and the fixed positions carry the meaning: the top card is the books, the foot card is the application.

Why email and not the display name

Fadi asked for avatar, email and role, and the choice is right on its own merits: on a multi-entity platform the email is the login identity, unique and auditable, while two staff can share a display name. The display name lives in the opened account menu.

Ruled 20 Aug

Option C, the TRP chip. Pinned right when the table scrolls, full-cell hit target, hover reveals the container shape. A and D remain above as the record of what lost and why.

What this waits on

Fadi is researching chart libraries and will bring the shortlist. The layer's rendering stack should be decided with the chart decision, because both draw on the same canvas. Until then: the laws above are draft, the sketches are conversation pieces, and nothing ships.

What this lab asked

  1. The trip container mark is C, the TRP chip. Pinned right, full-cell hit target, hover reveals the container shape.
  2. TAI's implementation stands. The command bar is its prompt surface: jump, search, ask in one field.
  3. The module switcher is unlabelled, matching the entity card, and sits at the foot of the rail.
  4. The theme switch lives in the user menu, not the top bar. The bar right of the command field is the bell and the pill.
The original document, in its own chrome and drawings, is kept unedited: open the original.
Tripbooks Design SystemBuilt on Untitled UI · Inter for language, IBM Plex Mono for every figureLight and dark from the same tokens