LOOP wireframes

V1 · Colonial Capital deployment. Click any tile to open. Sequence and content choices follow WIREFRAME_BRIEF.md; mock data anchors come from MOCK_DATA_MANIFEST.md.

View key user journeys recommended starting point for demos
17
Wireframe files
25+
Screen variants
100%
V1 coverage
How to use this set. Open Screen 3 (Deal Workspace) first — it's the most consequential screen and the place the design language is most visible. Then explore the borrower portal lifecycle (Tier 2), then everything else. Several files contain multiple state variants stacked vertically — Workspace empty states, Borrower portal lifecycle, Deal List empty states, Confirmation dialogs, Process Runner, Request Documents modal. Each file is self-contained and viewable directly in any browser. For demos, open Key user journeys. For brand context, open Brand identity.

Demo & brand

Start here

Tier 1 · Anchor screens

Define the core experience

Tier 2 · Borrower portal

New V1 feature · separate visual chrome

Tier 3 · Auth

On-brand entry point

Tier 4 · Settings (Admin)

Admin-only configuration

Tier 5 · Secondary surfaces

Supporting screens

Tier 6 · Empty & edge states

Failure-mode posture