NOLS Hero

Hey team 🏀🔥

Here’s a hero UI I designed recently for the NOLS website ⛺️

It has the option to be a single hero or hero carousel with an image or video background. In addition to the text position (Top Left), text color (Dark), and number of elements ( 4 - Eyebrow, Header, Body, Button) you see here, I also mocked up options for other:

Text Positions:
Bottom Left, Center, Top Right, Bottom Right

Text Colors:
Light

Numbers of Elements:
(3 - Eyebrow, Header, Body || Eyebrow, Header, Button || Header, Body, Button), (2 - Eyebrow, Header || Header, Body || Header, Button), (1 - Header)

Designing the hero with this flexibility allows our team to work with a variety of background images 📸 and messaging points.

Shoutout to Kristen Lovelace for designing the image credit.

💖 Press L to show some love