Screens
Last updated on 2026-08-27
The Email Marketing Kit ships with 34+ production-ready screens covering the complete email marketing lifecycle. Every screen is fully responsive (375px to 1280px+), supports light and dark mode, and meets WCAG AA accessibility standards.
Screen Overview
| Area | Screens | Routes |
|---|---|---|
| Dashboard | 1 | /dashboard |
| Campaigns | 8 | /campaigns/* |
| Audience | 8 | /audience/* |
| Automations | 5 | /automations/* |
| Analytics | 7 | /analytics/* |
| Settings | 4 | /settings/* |
| Other | 1 | /notifications |
| Total | 34 |
Dashboard (1 screen)
| Screen | Route | Description |
|---|---|---|
| Dashboard Overview | /dashboard |
KPI stat cards (subscribers, open rate, click rate, revenue), subscriber growth chart, engagement distribution breakdown (hot/warm/cold), recent campaigns table, and top-performing automations |
Campaigns (8 screens)
| Screen | Route | Description |
|---|---|---|
| Campaign List | /campaigns |
Filterable campaign table with status badges (draft, scheduled, sending, sent, paused), open/click rates, revenue per campaign, and bulk actions |
| Campaign Detail | /campaigns/[id] |
Full campaign report with delivery stats, open/click rate charts, top clicked links, device breakdown, and geographic distribution |
| Email Editor | /campaigns/builder |
Block-based drag-and-drop email editor with content blocks (text, image, button, divider, columns, social, video, HTML, product, countdown, menu), block settings panel, global styles, and desktop/mobile preview toggle |
| Audience Picker | /campaigns/builder/audience |
Select recipient lists and segments, exclude segments, view estimated audience size with live count preview |
| Subject Editor | /campaigns/builder/subject |
Subject line and preheader editor with character count, from name/email configuration, and reply-to settings |
| Schedule | /campaigns/builder/schedule |
Send immediately or schedule for later with date/time picker, timezone selection, and optimal send-time suggestions |
| Template Gallery | /campaigns/templates |
Browse pre-built email templates organized by category, preview thumbnails, and one-click template selection |
| Email Preview | /campaigns/preview |
Full email preview with desktop and mobile viewport modes, render the complete email with all blocks |
| A/B Test Setup | /campaigns/ab-test |
Configure A/B test variants with subject line and content variations, split ratios, winning criteria, and statistical significance indicators |
Audience (8 screens)
| Screen | Route | Description |
|---|---|---|
| Subscriber List | /audience/subscribers |
Searchable and filterable subscriber table with status (active, unsubscribed, bounced, complained), engagement tier (hot/warm/cold), tags, and last activity timestamp |
| Subscriber Profile | /audience/subscribers/[id] |
Individual subscriber detail with contact info, engagement score, subscription history, tag list, custom fields, and activity timeline |
| Segment List | /audience/segments |
List of audience segments with subscriber counts, rule summaries, and last refreshed timestamps |
| Segment Builder | /audience/segments/builder |
Visual rule builder with AND/OR logic groups, field selectors (email activity, subscriber data, tags, lists, dates), operator selection, and live subscriber count preview |
| Tag Manager | /audience/tags |
Tag list organized by groups with subscriber counts, color labels, and tag management actions |
| List Management | /audience/lists |
Mailing list overview with subscriber counts, double opt-in configuration, welcome email settings, and list-level performance stats |
| Growth Tools | /audience/forms |
Signup form management with form types (embedded, popup, landing page), view counts, submission counts, and conversion rates |
| Import Tool | /audience/import |
CSV import interface with file upload, column mapping, duplicate handling, list assignment, and import history log |
| Suppression List | /audience/suppressions |
Suppression list management with email addresses, suppression reasons, date added, and bulk add/remove actions |
Automations (5 screens)
| Screen | Route | Description |
|---|---|---|
| Automation List | /automations |
List of automations with status filtering (active, paused, draft), trigger type, enrolled/completed counts, revenue attribution, and last triggered timestamp |
| Flow Builder Canvas | /automations/[id] |
Visual node-graph automation builder with draggable nodes (trigger, email, wait, split, webhook, tag, condition), SVG path connections between nodes, zoom/pan controls, node configuration panels, and toolbar with save/activate actions |
| Automation Analytics | /automations/[id]/analytics |
Per-automation performance metrics including enrollment counts, completion rates, step-by-step conversion funnel, and revenue attribution |
| Automation Templates | /automations/templates |
Pre-built automation templates organized by category (welcome series, cart abandonment, re-engagement, post-purchase), with email counts and estimated revenue projections |
| Activity Log | /automations/activity |
Real-time activity feed showing automation executions with subscriber email, automation name, step details, and timestamps |
Analytics (7 screens)
| Screen | Route | Description |
|---|---|---|
| Analytics Overview | /analytics |
High-level analytics dashboard with KPI summary cards, trend charts, and quick links to detailed analytics sections |
| Campaign Analytics | /analytics/campaigns |
Campaign performance comparison with open rates, click rates, conversion data, and revenue across campaigns with time range filtering |
| Audience Analytics | /analytics/audience |
Subscriber growth charts, churn analysis, engagement tier distribution, geographic distribution, and audience health indicators |
| Revenue Analytics | /analytics/revenue |
Revenue tracking dashboard with monthly revenue charts, revenue per campaign, revenue per automation, and total attribution data |
| Click Map | /analytics/click-map |
Visual email overlay showing click percentages for each link, heat-zone highlighting based on click density, and device breakdown (desktop/mobile/tablet) |
| Deliverability Dashboard | /analytics/deliverability |
Inbox placement rates, spam rate monitoring, bounce rate tracking, complaint rate, domain reputation score, ISP-level breakdown (Gmail, Outlook, Yahoo, etc.), and authentication status (SPF/DKIM/DMARC) |
| Domain Authentication | /analytics/domains |
Domain verification status with DNS record details (SPF, DKIM, DMARC), record values, verification timestamps, and custom tracking domain configuration |
| Bounce Management | /analytics/bounces |
Bounce log with email addresses, bounce type (hard/soft), bounce reasons, associated campaigns, and date tracking |
Settings (4 screens)
| Screen | Route | Description |
|---|---|---|
| General Settings | /settings |
Account settings, sender information, default from name/email, reply-to configuration, and general preferences |
| Team Management | /settings/team |
Team member list with roles (owner, admin, editor, viewer), invite functionality, two-factor authentication status, and last active timestamps |
| API & Integrations | /settings/api |
API key management with key creation, environment labels, last used timestamps, and integration catalog with connected/available status |
| Billing | /settings/billing |
Current plan details with usage meters (subscribers, emails/month, team members, automations), plan limits, invoice history with download links, and upgrade options |
Other (1 screen)
| Screen | Route | Description |
|---|---|---|
| Notifications | /notifications |
Notification center with notification types, read/unread status, and notification management |