The Marquee is the dominant hero featured on the top, or at the introduction, of a web page or digital experience. It’s used to connect with the user, pique their interests, set a desired tone, and draw them deeper into the content.
Copy can be either light or dark depending on image.
Variation can include image with copy on one side and other assets such as graphics, photos, or video on the other side. Use equal sizing for both sides of the marquee.
Use darker copy on light background and lighter copy on dark background. Ensure copy is legible and accessible.
The Marquee is used to quickly inform users about page content. It should have at minimum the page H1. It can also include an eyebrow, a small amount of body copy, and a CTA.
When using full image with copy, the image will need to follow color/contrast and placement best practices for accessibility. Ensure screen reader announces alt tag if applicable. Any text inside the marquee should be read by screen readers. Use gradients if they help ensure copy is accessible. Follow guidelines on Color and Schwab Accessibility guidelines.