Wireframe · Step 12 — PDF Preview

This preview should show the generated customer-facing quote document in a lightweight mobile viewer with regenerate and share actions.

4:05●●● 100%

Work Order / Sales Quotation

Installed Garage Doors
Door Pro America · Portland, OR

Customer Information
Customer:DOOR PRO AMERICA
Address:999 LAKE DRIVE, ISSAQUAH, WA, 98027
Phone:4252146608
Email:customer@example.com
Order Details
Date:April 16, 2026
Type:Quote (Valid for 30 days)
Sales Rep:Adriaan SDK
Signature:Captured
Installed Garage Doors
Door 1
Size
10x10
Color
ALMOND
Model
Heritage
Series
Heritage 2000
Price Includes
Haulaway, Installation, Tracks and Hardware
Door 2
Configuration
Copied and edited from Door 1

PDF preview state

This is a separate wireframe from the review screen. It should represent the generated document preview after the user taps Preview PDF.

What to show

What not to over-model

This wireframe does not need to match the final PDF typography or branding exactly. It only needs to show the document structure and the preview actions clearly.