Banners

Key characteristics:

• Supports images, titles, descriptions, and call-to-action buttons
• Includes navigation controls (arrows or indicators)
• Auto-rotation should be optional and accessible
• Content must remain readable and clear in every slide

Best practices:

• Limit the number of slides to avoid cognitive overload (max 4 slides)
• Ensure sufficient contrast between text and background
• Avoid critical information that requires guaranteed visibility

Key characteristics:

• Clearly identifies the page purpose
• Supports breadcrumbs or secondary navigation when needed
• May include background imagery or solid colour surfaces
• Maintains consistent height and spacing across pages

Best practices:

• Keep content concise and focused
• Avoid excessive imagery that competes with page content
• Ensure text remains readable on all screen sizes

Common use cases:

• Announcements and updates
• Temporary notices or alerts
• Campaign highlights
• Informational messages

Best practices:

• Use clear, concise messaging
• Apply appropriate visual emphasis based on importance
• Avoid obstructing core content or user flows