Brand Hub

Newsletter Artwork

Images from Composio newsletters and product announcements. Each one shows real product UI, either rebuilt from its source and rendered, or screenshotted and composited onto a brand background.

agent.json
Instant card, Instant launch

Instant card

Instant launch·Rebuilt UI·1920×1280

The Instant card, wired to agents on the left and Instant tools on the right in the landing hero's layout.

PNG
Task receipt, Instant launch

Task receipt

Instant launch·Rebuilt UI·1920×1280

A chat message, the three tools it used, and a thermal receipt. Only Apollo is billed, so only Apollo wires into the receipt.

PNG
Team wallet, Instant launch

Team wallet

Instant launch·Rebuilt UI·1920×1050

The landing page wallet with the dashboard's switch, scaled up and running off the bottom edge.

PNG
Code and receipt, Instant launch

Code and receipt

Instant launch·Rebuilt UI·1920×1200

The landing developer section: an agent.py snippet with the Firecrawl receipt over its corner.

PNG
Agents @ Work, Newsletter 01

Agents @ Work

Newsletter 01·Screenshot on grid·1920×1280

The Agents @ Work page, composited onto an approved grid background without moving the screen.

PNG
Toolkits page, Newsletter 01

Toolkits page

Newsletter 01·Screenshot on grid·1920×1280

The toolkits page, made the same way as Agents @ Work.

PNG
Toolkits spiral, Newsletter 01

Toolkits spiral

Newsletter 01·Logo field·3600×2025

Hundreds of app logos around a few new toolkits in focus at the centre.

PNG

What works

Real UI
Show product people will actually see. Borrowing the real component beats illustrating it.
One idea
Decide what the section claims and show that. Leave out what doesn't support it.
Big
Emails are read around 600px wide, so let the subject fill the frame.
Calm
A soft, light background, like the Instant landing gradient, keeps the focus on the UI.
Brand type
Geist and JetBrains Mono, or whatever the borrowed component already uses.
Restraint
Neutral greys, crisp shapes, and brand blue only where it points at something.

In the kit

card-board
Instant card wired to agents and tools.
task-receipt
Chat message, tools used, receipt.
product-panel
Wallet panel running off the bottom edge.
code-receipt
Code window with a receipt over its corner.

Make one

These are examples of a feel, not a set of formats. Ask your agent for a newsletter image and it will use the newsletter-artwork skill as guidance. There's no API: each image is an HTML file rendered with headless Chrome, and the HTML for the Instant images is in .claude/skills/newsletter-artwork/kit/ to borrow from.

For email, export a 1200px JPG at about 88% quality into the newsletter repo and embed it with NewsletterMedia. Screenshot-on-grid images use the newsletter-mockups skill in ComposioHQ/newsletter instead.