Contract Review AI // Wireframes v1 · low-fi

AI contract review,
for a busy lawyer.

LEGAL-AI TAKE-HOME · NDA TRIAGE · EXPLORATORY WIREFRAMES

Fourteen low-fi frames covering upload → analyzing → four parallel results layouts, each with an accept/reject hero interaction and a post-edit state. Grayscale, hand-drawn, annotated.

2 shared screens · 4 layouts × 3 states = 14 wireframes

risk highlight
key clause
suggested edit
PILL tag
btn action
  1. Simplify. A 2–5 page NDA has ~40 possible findings. We hide the raw document behind a triage layer: three finding types, each pinned to a location, nothing more. The lawyer should understand the contract's state in under 10 seconds.
  2. Hierarchy. Risks lead, clauses orient, edits are the action layer. Risks can get a lawyer fired; edits are housekeeping. Every layout enforces this order.
  3. Four variants, not one. The spatial problem is genuinely open: do you anchor on the document (C) or on the findings (B), split the difference (A), or force prioritization by type (D)? We're exploring, not committing.
  4. Accept / Reject as the hero. Track Changes is the mental model lawyers already have. Accept / Reject / Edit manually / Skip maps cleanly onto it, with a 1–2 sentence AI rationale to earn trust at the moment of action.
  5. Open question. Do lawyers trust an AI summary enough to triage from it, or do they need to read the source first? The answer decides whether B (dashboard) or C (document-first) is the primary pattern.

Shared screens

01 Upload · 02 Analyzing
The entry funnel. One wireframe each — identical across all four layout variants downstream.
01 · UPLOADempty state
review.app/contract/new Jane Park · Counsel
New contract review
Drop a short NDA (2–5 pp) to begin. PDF or DOCX.
⬇ Drop contract here
or click to browse
PDF · DOCX · max 25 MB
Files stay in your matter. Nothing leaves the platform.
Matter details (optional)
Matter name
Acme ↔ Northstar — mutual NDA
Counterparty
Northstar Labs Inc.
Contract type
NDA (mutual) ▾
Role
Receiving Disclosing Both
Metadata is optional — don't block upload on it.
↘
Key decision. Drop-zone dominates; metadata is present but optional and quiet. Billable-hour pressure means the fastest path to "paste and go" wins.
02 · ANALYZINGprocessing
review.app/contract/r_0491/analyzing ~20 sec
Analyzing contract…
DOC
Acme_Northstar_NDA_v3.pdf
4 pages · 312 KB · uploaded 0:04 ago
58% est. 8 sec remaining
✓ Extracting document structure
✓ Identifying key clauses
▸ Flagging risks… (3 found so far)
○ Generating suggested edits
○ Cross-checking citations
Processed on-device. No third-party LLM calls.
Staged copy reassures — the lawyer sees what the AI is doing, in their language.
←
Key decision. Determinate progress + named stages ("extracting / flagging / generating") is itself a trust move. Cancel is visible but quiet.

Variant A — Split View

03a · 03b · 03c / contract left · insights right
Familiar GitHub-PR / Grammarly pattern. Two-way sync between a highlighted document and a stacked insights panel. Scale for longer docs: add a section navigator + minimap + pagination in the insights panel.
03a · RESULTSsplit view
Acme ↔ Northstar NDA · review r_0491 · 4 pp · analyzed just now 3 RISKS 5 CLAUSES 4 EDITS

2. Definition of Confidential Information

"Confidential Information" means any and all information disclosed by one party to the other, whether in writing, orally, visually, or by any other means, including without limitation all technical, business, financial, and commercial information of any kind whatsoever.

3. Term

The obligations of the Receiving Party under this Agreement shall continue in perpetuity from the date of disclosure.

4. Obligations of Receiving Party

Receiving Party shall hold all Confidential Information in strict confidence and shall not disclose such information to any third party …

p. 2 of 4
Findings sort: severity ▾
Perpetual term§3 · p.2
No end date. Industry norm: 2–5 yrs.
Overly broad "Confidential Info"§2 · p.2
No carve-outs for public / independently developed info.
Missing mutuality§4 · p.2
Suggest carve-out§2 · p.2
Add (i) prior knowledge, (ii) public domain…
Governing law§8 · p.4
Click highlight ↔ focuses list item. Click finding ↔ scrolls doc.
↗
Strength: preserves document context. Tradeoff: two-way sync cognitive load; cramped on narrow screens. Minimap shows finding density (red=risk, gray=clause, gold=edit).
03b · ACCEPT / REJECThero interaction
Acme ↔ Northstar NDA · suggestion 1 of 3 EDITING §2

2. Definition of Confidential Information

"Confidential Information" means any and all information disclosed …, including without limitation all technical, business, financial, and commercial information of any kind whatsoever.

▲ Focused passage — right panel shows proposed change.

Suggested edit · §2 risk
Add carve-outs to "Confidential Information"
…any and all information disclosed by one party to the other… including without limitation all technical, business, financial, and commercial information of any kind whatsoever, except information that (i) was known to the Receiving Party prior to disclosure, (ii) is or becomes publicly available through no fault of the Receiving Party, or (iii) is independently developed without use of the Confidential Information.
Why. Mutual NDAs standardly carve out residual & independently developed info. Without it, Receiving Party risks contamination claims on pre-existing work.
cites: ABA Model NDA §2(b); internal playbook #14
Rejecting? Tell us why (optional — helps the model).
4 actions, native to the side panel — not a modal.
Hero moment. Diff + 1–2 sentence rationale + citation. Four actions in Track Changes order. "Why reject" is optional, never blocking.
03c · POST-EDIT1 applied
Acme ↔ Northstar NDA · 1 of 3 suggestions applied

2. Definition of Confidential Information MODIFIED

"Confidential Information" means any and all information disclosed by one party to the other, except information that (i) was known to the Receiving Party prior to disclosure, (ii) is or becomes publicly available …, or (iii) is independently developed ….

3. Term

…shall continue in perpetuity from the date of disclosure.

p. 2 of 4 · 1 change
Findings 2 open · 1 resolved
Perpetual term§3 · p.2
Missing mutuality§4 · p.2
RESOLVED · 1
Added carve-outs to §2✓ accepted
1 suggestion applied · Undo
Modified clause gets a tag + persistent progress bar.
Feedback loop. Clause marked MODIFIED; resolved item moves to a collapsed group; 5-second Undo toast + counter in the top bar.

Variant B — Insights-First Dashboard

04a · 04b · 04c / triage then read
Summary card + sortable list; document snippet opens in a focused drawer. Optimized for "busy lawyer — triage first." Scale: adds a risk-density heatmap by section; most defensible for 100+ page docs.
04a · RESULTSdashboard
Acme ↔ Northstar NDA · 4 pp · analyzed just now
MED
Overall contract risk — Medium
3 risks · 5 key clauses · 4 suggested edits
Top concerns: perpetual term (§3) · overly broad confidential info (§2) · no mutuality (§4).
est. 4 min
FILTER: All Risks · 3 Clauses · 5 Edits · 4 sort: severity ▾
Perpetual obligation / no defined term§3 Term · p.2
Receiving party bound "in perpetuity." Industry norm 2–5 yrs. → Open snippet
"Confidential Information" overly broad§2 · p.2
No carve-outs. Linked edit: Add (i)(ii)(iii) carve-outs. → Open snippet
Missing mutual confidentiality§4 · p.2
Governing law — Texas§8 · p.4
Summary card is the 10-second read. Everything else is drill-down.
←
Strength: triage-first. Tradeoff: document context secondary; risk of trusting the summary without reading source. "Open snippet" preserves an out.
04b · ACCEPT / REJECTfocused drawer
Acme ↔ Northstar NDA · drawer — §2 · suggestion 1 of 3
MED
3 risks · 5 clauses · 4 edits
CONTEXT · §2 Definition of Confidential Information · p.2

"Confidential Information" means any and all information disclosed by one party to the other, whether in writing, orally, visually, or by any other means, including without limitation all technical, business, financial, and commercial information of any kind whatsoever.

Expand to full document ↗
Proposed editrisk · high
…information of any kind whatsoever, except information that (i) was known to the Receiving Party prior to disclosure, (ii) is or becomes publicly available …, or (iii) is independently developed without use of the Confidential Information.
Why. Standard residual-knowledge carve-out. Protects you against contamination claims for pre-existing work. · ABA Model NDA §2(b)
← → to navigate between suggestions · Esc to close
Drawer = focused triage. Keyboard shortcuts let you blast through suggestions.
Hero moment. Dashboard dims; a drawer opens showing just the snippet + diff + actions. Arrow keys move through the queue.
04c · POST-EDITprogress + resolved
Acme ↔ Northstar NDA · 1 of 3 applied
MED→
Overall risk — Medium (trending down)
2 risks open · 1 resolved · 3 edits remaining
Remaining: perpetual term · missing mutuality.
Perpetual obligation§3 · p.2
Missing mutuality§4 · p.2
RESOLVED · 1
Added carve-outs to §2✓ 0:12 ago
1 suggestion applied · Undo · auto-dismiss 5s
Risk score trends down — visible progress on the 10-sec read.
Feedback loop. Summary updates ("trending down"), resolved group collapses, batch action appears once queue >3. Undo persists in the toast.

Variant C — Document-First

05a · 05b · 05c / contract is the canvas
Full-width document with colored underlines + Google-Docs-style margin comments. Matches how lawyers already read. Scale: sticky section rail; margin comments collapse into per-page density markers.
05a · RESULTSdocument-first
Acme ↔ Northstar NDA · 4 pp SHOW: all · risks · clauses · edits 354

2. Definition of Confidential Information

"Confidential Information" means any and all information disclosed by one party to the other, including without limitation all technical, business, financial, and commercial information of any kind whatsoever.

3. Term

The obligations of the Receiving Party under this Agreement shall continue in perpetuity from the date of disclosure.

4. Obligations of Receiving Party

Receiving Party shall hold all Confidential Information in strict confidence and shall not disclose such information …

p. 2 of 4
Overly broad. No carve-outs.
§2 · AI · See edit
Perpetual term. No end date.
§3 · AI · See edit
Add mutuality clause so obligations flow both ways.
§4 · AI · Open diff
▾ 2 more · Filter: risks only
Filter toolbar is the ONLY chrome. The document is the interface.
↓
Strength: document stays primary. Tradeoff: no bird's-eye summary — lawyer must read to triage.
05b · ACCEPT / REJECTinline margin expansion
Acme ↔ Northstar NDA · expanded comment on §2

2. Definition of Confidential Information

"Confidential Information" means any and all information disclosed by one party to the other, including without limitation all technical, business, financial, and commercial information of any kind whatsoever.

3. Term

…shall continue in perpetuity from the date of disclosure.

p. 2 of 4
Suggested edit · §2 risk
…including without limitation all technical, business, financial, and commercial information of any kind whatsoever, except (i) prior knowledge, (ii) public domain, (iii) independently developed.
Why. Standard residual carve-out per ABA Model NDA.
Perpetual term. §3
Margin comment expands in place — never a modal.
→
Hero moment. The comment itself is the action surface — Track-Changes-style diff + four buttons. Other comments dim but stay visible for peripheral vision.
05c · POST-EDITapplied inline
Acme ↔ Northstar NDA · 1 of 3 applied

2. Definition of Confidential Information MODIFIED

"Confidential Information" means any and all information disclosed by one party to the other, except (i) prior knowledge, (ii) public domain, (iii) independently developed.

3. Term

…shall continue in perpetuity from the date of disclosure.

p. 2 of 4 · ● 1 change
✓ Carve-outs added
§2 · resolved 0:08 ago · Undo
Perpetual term. §3 · See edit
Missing mutuality. §4 · See edit
Show resolved (1) ▾
Accepted edit persists inline; resolved comment stays in place but dims.
Feedback loop. Change lives in the text where the lawyer will re-read it. Resolved comments remain at the margin (greyed) — context, not clutter.

Variant D — Tabbed: Risks / Clauses / Edits

06a · 06b · 06c / one type at a time
Three focused tabs force prioritization. Persistent right-rail document preview shows the current selection. Scale: pagination + section filter inside each tab.
06a · RESULTStabs
Acme ↔ Northstar NDA · 4 pp
RISKS 3
CLAUSES 5
EDITS 4
Perpetual obligation / no defined term§3 · p.2
Obligations run "in perpetuity." Industry norm 2–5 yrs.
Linked: 1 suggested edit →
"Confidential Info" overly broad§2 · p.2
No carve-outs.
Missing mutual confidentiality§4 · p.2
sort: severity ▾ · filter: all sections
PREVIEW · §3 Term · p.2

3. Term

The obligations of the Receiving Party under this Agreement shall continue in perpetuity from the date of disclosure.

Open in full view ↗ · See linked edit →

Default tab = Risks. Forces the risk-first hierarchy.
↓
Strength: forces prioritization; visual noise drops per view. Tradeoff: fragments relationships — lawyer switches tabs to connect a risk to its edit.
06b · ACCEPT / REJECTmodal, native to tab idiom
Acme ↔ Northstar NDA · edits · 1 of 4
RISKS 3
CLAUSES 5
EDITS 4
Add carve-outs · §2
Define term · §3
Make mutual · §4
Governing-law typo · §8

preview

...

Suggested edit · §2 Definition of Confidential Information
risk · high
…information of any kind whatsoever, except information that (i) was known to the Receiving Party prior to disclosure, (ii) is or becomes publicly available …, or (iii) is independently developed without use of the Confidential Information.
Why. Standard residual carve-out for mutual NDAs — protects against contamination claims on pre-existing work. cites: ABA Model NDA §2(b)
1 of 4 · ← prev · next →
Modal is native to tabs — not bolted on. Queue nav built in.
Hero moment. A proper modal fits the tabbed idiom (they're already switching context). Prev/next lets the lawyer clear the queue without closing.
06c · POST-EDITresolved tab section
Acme ↔ Northstar NDA · 1 of 3 applied
RISKS 2
CLAUSES 5
EDITS 3 · 1 done
OPEN · 3
Define term (2 yrs)§3 · p.2
Make obligations mutual§4 · p.2
Governing-law typo§8 · p.4
RESOLVED · 1 ▾
Carve-outs added to §2✓ 0:14 ago
PREVIEW · §2 · p.2 MODIFIED

2. Definition of Confidential Information

"Confidential Information" means any and all information disclosed…, except (i) prior knowledge, (ii) public domain, (iii) independently developed.

Open in full view ↗
1 suggestion applied · Undo
Tab labels carry the counters — progress is visible without leaving the view.
Feedback loop. Counters update in tab labels; resolved section collapsible. Preview pane updates to show the modified clause with MODIFIED tag.

Open questions

to validate with users before committing
Q1

Do lawyers trust an AI summary enough to triage from it, or do they always need to read the source first? Decides whether Dashboard (B) or Document-First (C) is primary.

Q2

Is Track Changes the right mental model for AI-suggested edits? Does Accept/Reject/Edit/Skip feel too "editor" and not enough "reviewer"?

Q3

Where does the risk hierarchy break down? Is "missing clause" always higher priority than "unusual language," or is it matter-dependent?