Tip screen examples

Documentation.AI

Documentation editor where the user is writing content using a block-based interface with a slash command menu open, alongside an AI chat assistant panel for writing help.

• Edit
• Code Editor

Notion Mail

Onboarding step where the user configures filtered views for their inbox like Calendar, Social, and Promotions.

• Filter & Sort
• Getting Started

Grok

AI chat interface where the user views a detailed historical cost estimate response, including an expandable reasoning block and web search citations.

• AI Chat
• AI Assistant

Lemni

Settings page where the user manages datasets and uploads files or webpages to build their AI agent's knowledge base.

• AI Settings
• Files

Front

Support inbox where a user views an assigned ticket requesting an urgent refund, with an active product tour tooltip.

• Messages
• Comments

Motion

Guide page providing affiliate partners with a shortlist of popular resources including onboarding videos and help center links.

Steep

Analytics detail page where the user views a line chart for cancelled orders over the last 30 days, with options to change the time period, compare metrics, or add the chart to a report.

• Dashboard
• Charts

Rayon

Resource page offering a searchable space planning guide where users can filter benchmark dimensions and layout examples by room typology.

Kajabi

Education program landing page where the user can access a course library and navigate training resources via an open dropdown menu.

Sprig

Dashboard displaying aggregated survey responses with distribution bar charts for rating and use case questions.

• Dashboard
• Charts

Jimo

Detail page where the user views the configured tooltips and experience statistics for a specific hint campaign.

• Dashboard
• Insights

Hashnode

Content editor where the user is writing or reviewing a structured article about software integrations.

• AI Editing
• Edit