About this block

Inbox Showcase is a left aligned product hero for a tool people live in all day. A transparent navbar sits on the page itself, so in dark mode the soft ambient wash runs behind it without a seam. The headline breaks into two short sentences, and the lede shares one row with the ghost and primary pills, which keeps the copy compact and lets the product take the rest of the fold.

Below the copy sits a full shared inbox window in a muted inset tray: a sidebar with views and sequences, filter tabs, a conversation list with status badges, an open thread with a suggested reply pinned to its foot, and a lead profile panel. It is plain markup built from theme tokens, so it follows light, dark and any theme you install, and the tray closes around it with the same 8px on every side.

When to use

Reach for this block when the product is the argument: a sales inbox, a support desk, a CRM, or any workspace where seeing the screen explains more than a paragraph could. The left aligned copy reads like an editorial opener rather than a centered billboard, which suits tools aimed at teams who will judge the interface first.

A natural flow around it on a Modern SaaS page:

Before

• Nothing. It carries its own navbar, so it opens the page.

After

• Logo Clouds to put names behind the product right under the fold
• Feature Sections to break the window down into the capabilities it shows

What you can customize

• Copy and actions. Rewrite the two headline sentences and the lede, and point the two pills at your trial and demo flows.
• The window. Views, sequences, tabs, conversations and profile fields are plain arrays near the bottom of the file. Swap in your own records and keep the token classes so the mockup stays themed.
• Responsive panels. The lead profile hides below xl, the sidebar below lg and the thread below md. Change those breakpoints if your layout runs wider.

Tip: keep each conversation preview to one line at the list width. The rows are built to a fixed rhythm, and a wrapped preview breaks it.