1

Color Mode

Light Mode Default + Dark Mode Toggle
Confirmed

Light mode is easier on the eyes for all-day work. Users can switch to dark mode when needed.

Light Mode (Default)
TruxFlow - Carriers
Carriers
Company MC # Status Actions
WeLink Cargo MC-123456 Active
Express Transport MC-789012 Pending
Dark Mode (Optional)
TruxFlow - Carriers
Carriers
Company MC # Status Actions
WeLink Cargo MC-123456 Active
2

Sidebar Style

Collapsible Sidebar
Confirmed

Toggle between expanded (icons + text) and collapsed (icons only). Best of both worlds - clarity when needed, space when wanted.

Full Sidebar (Icons + Text)
WeLink Cargo
Clear Navigation
Always know where you are
Collapsible (Icons Only)
📐
More Content Space
But requires learning icons
3

Table Row Actions

Actions Column (Always Visible)
Confirmed

Edit, view, and delete buttons always visible. No need to hover to find actions.

Actions Column
Driver Name License # Status Actions
John Smith CDL-987654 Active
Maria Garcia CDL-123789 Active
Bob Johnson CDL-456012 On Leave
✓ Actions always visible - no guessing
Hover to Show Actions
Driver Name License # Status
John Smith CDL-987654 Active hover for actions...
Maria Garcia CDL-123789 Active
Bob Johnson CDL-456012 On Leave hover for actions...
⚠️ Cleaner look but requires hovering
4

Form Style

Hybrid: Modals + Dedicated Pages
Confirmed

Simple forms (add/edit) open in modals. Complex forms (like full driver profile) get their own page.

Modal Dialog
Carriers
✓ Quick, stays in context
Dedicated Page
← Back
Add New Carrier
Good for complex forms with many fields

Design Decisions - All Confirmed

1. Color Mode

Light mode default for all-day work, with dark mode toggle for user preference

2. Sidebar

Collapsible sidebar - expanded shows icons + text, collapsed shows icons only

3. Table Actions

Always-visible actions column with edit, view, and delete buttons

4. Forms

Modal dialogs for simple forms, dedicated pages for complex multi-step forms

All decisions confirmed! Ready to start building.

View Progress & Next Steps