Twist OG card

Twist OG card, light-mode, corporate-clean, vibrant

Preview image. Unlock full-res

Split teal-and-amber OG card pairing a mobile inbox-zero screen with a desktop Twist channel thread, showcasing the product UI.

Summary

A two-tone OG card that splits a teal panel holding a phone showing inbox zero against an amber panel holding the Twist desktop channel-thread interface, leading entirely with product UI.

Visual description

The card is divided into two flat color fields, textured teal on the left and warm amber on the right. On the teal side, a white smartphone mockup displays a clean "Inbox" screen with a paper-cut style potted-plant illustration and the line "You've hit inbox Zero! Time to create or take a break." Floating over the seam is a large white desktop app screenshot of Twist: a left sidebar branded "Doist" with Search, Inbox, Saved, Messages and a list of channels, beside an open "Twist launch campaign" thread showing avatars, message text, and emoji reaction counts. Type throughout is a tidy dark sans-serif at UI scale.

Key takeaway

Splitting the canvas into two saturated brand colors to host two device contexts at once, mobile calm on one side and desktop depth on the other, telling the async-work story in a single frame. The hand-cut illustration inside the empty state adds warmth to an otherwise screenshot-heavy card.

Reuse notes

Strong template for a productivity or team-communication SaaS that wants to show real product across devices. Note the desktop screenshot is cropped off the right edge, so any critical text should stay left of center. Works best on light, high-saturation brand colors; the dual-pane density needs a wide card to stay legible.

More like this