Announcement card with lime accent bar

Announcement card with lime accent bar, minimal, light-mode, light

Preview image. Unlock full-res

A single-screen announcement UI for Polar Ltda. using a lime-yellow sidebar accent and minimal white space to communicate a website launch with clear call-to-action buttons.

Summary

A mobile announcement card for Polar Ltda. presenting a website-launch notification with a bold lime-yellow accent bar on the left and two-button call-to-action layout.

Visual description

A single iPhone mockup displays a white card-based announcement interface against a soft gray background, showing a notification that "New website is live" with supporting copy. The left edge features a tall lime-yellow (#E9ED6E) vertical accent bar that immediately draws the eye. The card body contains a black sans-serif headline ("New website is live") followed by body text in gray explaining the launch and directing users to the case study. Below sits a date label "MARCH 2023" in small sans-serif. Two buttons anchor the bottom: a prominent lime-yellow pill-shaped button labeled "Polar, Ltda." and a secondary smaller link-style button labeled "MENU" to the right. The composition uses ample white space around the card, with the lime accent bar echoing the button color, creating visual cohesion. The phone frame shows speaker and USB-C port elements typical of modern iPhone mockups.

Key takeaway

The left-edge accent bar is a compact, directional attention device that avoids taking up horizontal space while adding visual impact and reinforcing the brand color. Two-button pairing (one primary action, one secondary) gives users a clear path without overwhelming the simple message. The monochromatic card on a neutral background ensures readability and emphasizes the announcement over surrounding chrome.

Reuse notes

Use for app-based push notifications, in-app announcements, or mobile launch communications where a single message needs visual prominence without dialogue-box density. The lime accent works well for launches, updates, or celebration moments. The date stamp suggests deployment context, useful for release notes or changelog integrations.

More like this