CampaignBrain App Screenshots¶
Visual documentation of all pages at desktop, tablet, and mobile viewport sizes.
Generated: 2025-12-22 Version: 0.4.47
Viewport Sizes¶
| Viewport | Dimensions |
|---|---|
| Desktop | 1920 x 1080 |
| Tablet | 768 x 1024 |
| Mobile | 375 x 667 |
Public Pages¶
Home Page¶
Landing page for unauthenticated users.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Login Page¶
User authentication page.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Privacy Policy¶
Privacy policy page.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Terms of Service¶
Terms of service page.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Main Application¶
Dashboard¶
Main dashboard with stats, quick actions, and recent activity.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
AI Chat¶
AI assistant for segment creation and data queries.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Maps¶
District map with cbdistricts integration showing all 441 congressional districts.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Audience Management¶
Audience List¶
Contact management page for viewing people in the database.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Audience Detail¶
Individual contact detail view.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Audience Edit¶
Contact editing form.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Segments & Tags¶
Segments¶
Voter segment management page.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Create Segment¶
Segment creation modal with filter options.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Tags¶
Tag management page for categorizing contacts.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Create Tag¶
Tag creation modal.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Edit Tag¶
Tag editing modal.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Voter Data¶
i360 Voter Search¶
Voter database search with filters and results table.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
List Loader¶
Bulk contact import tool.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Imports¶
Import history and status.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Surveys¶
Surveys List¶
Survey management page.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Create Survey¶
Survey creation modal.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Edit Survey¶
Survey editing modal.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Events & Field Work¶
Events¶
Event management and calendar.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Create Event¶
Event creation modal.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Work Queue¶
Field user work queue for contacting voters.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Communications & Reports¶
Communications¶
Communication history and templates.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Reports¶
Analytics and reporting dashboard.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Goals¶
Campaign goal tracking.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Administration¶
Users¶
User account management (admin only).
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Create User¶
User creation modal.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Settings¶
Application settings page.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Style Guide¶
UI component style guide.
| Desktop | Tablet | Mobile |
|---|---|---|
 |
 |
 |
Regenerating Screenshots¶
To regenerate screenshots, run:
Or via pytest: