---
title: "Designs"
description: "The main Pneumail screens as clickable mockups with real Front Door content."
sidebar:
  order: 1
---

Each screen opens full size. The dark pill in the corner switches between states, such as sending, paused and finished. Brass marks the one thing a person has to decide.

**[Campaigns](/design/campaigns.html)**

What needs you sits on top, with the action inline. Everything else below.

**[Composer](/design/composer.html)**

Subject, preview text, a white writing surface with slash commands, a live preview as any contact, and the schedule checklist.

**[Approve a send](/design/approve.html)**

Who asked, where the audience came from, what was left out, and the full email. Approve or send it back with a reason.

**[Results](/design/report.html)**

The send track, delivery and clicks, bounce and complaint limits, and results by inbox.

**[Sending domain](/design/domain.html)**

Every DNS record with its status, one click to add them in Cloudflare, and the warmup schedule.

## Composer

<iframe src="/design/composer.html" title="Composer" style={{width: "100%", height: "780px", border: "1px solid #dfe4e8", borderRadius: "10px"}} loading="lazy" />

## Approve a send

<iframe src="/design/approve.html" title="Approve a send" style={{width: "100%", height: "780px", border: "1px solid #dfe4e8", borderRadius: "10px"}} loading="lazy" />

## Results

<iframe src="/design/report.html" title="Results" style={{width: "100%", height: "820px", border: "1px solid #dfe4e8", borderRadius: "10px"}} loading="lazy" />

## References

Patterns taken from products that do one thing well, found on Mobbin:

- [Mailchimp's ready-to-send checklist](https://mobbin.com/screens/0c79d28b-8330-423c-ab01-0c281b07f528), for the schedule sheet and the approval facts.
- [Kit's composer](https://mobbin.com/screens/0abf5289-98b2-485c-8952-37c2a282f011), for the quiet writing surface.
- [Outseta's broadcast results](https://mobbin.com/screens/7a71aa0b-3ec9-4a09-ad81-bca70ab64b18), for results as bars.
- [Klaviyo's deliverability report](https://mobbin.com/screens/f29d5816-c680-438c-9442-9064f0be1670), for results by inbox provider.
- [Resend's DNS records](https://mobbin.com/screens/882fd221-2fd6-4381-9c74-42d9fee7f300) and [AutoSend's domain page](https://mobbin.com/screens/2c9c4317-dfc7-4957-a9ca-79169ad9bc97), for a status on every record.
- [Loops' campaign list](https://mobbin.com/screens/320be5dd-25ea-45dc-8c7b-68a0c3b8e589), for a calm list.