Chat App UI Template — Calm Messaging Shell

Undertone is a messaging app UI template for founders building chat, community, or support-inbox products who want an interface that recedes so the conversation can lead. The design is quiet by intent: hairline-divided panes replace boxy cards, asymmetric-cornered bubbles float directly on a warm off-white canvas, and a single deep-teal accent carries every unread badge, send button, and active row — no gradients, no noise.

The screens cover a real messaging loop. Conversations is the list view with unread states so nothing gets lost. Chat Thread is the distraction-free core, with replies and read receipts that make the exchange feel live. Contacts holds the profile pane for the person you're talking to. Sign in, Create account, and Reset password round out the account flow every product ships but most templates skip.

As a webapp mock, the interface is built to bind to real data the moment you remix it: conversation lists map to your message store, bubbles to your thread model, badges to unread counts. That makes it a running head start rather than a static comp — ideal for teams prototyping a chat feature or validating a messaging product before investing in a full build. Restyle it with any Dual7 design system, wire it to your backend, and remix it into a codebase you own.