Logo of UI Challenges
Sign in
Wireframe example for Section message
An example interpretation of the prompt
Icon of target

Section message

Icon of book open

Design a section message component for a product page or dashboard panel. It should introduce the section, explain why it matters, and point to the next step. Think of the message as the first thing a user reads before they scan the rest of the section.

Use a clear hierarchy: short title, one or two lines of supporting copy, and a primary action when needed. The layout should work inside a card, column, or full-width section without feeling oversized. Keep the content specific enough to guide action, not just decorate the page.

Show how the message handles different contexts: an informative section, a section that needs a click, and a section with no action available. Make the visual treatment feel intentional through type scale, contrast, spacing, and any supporting icon or illustration.

The final design should read cleanly at a glance, anchor the section, and leave no doubt about what the user should do next.

Icon of book open

Use persuasive language and design elements that resonate with the target audience to create a connection and encourage interaction.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.