What Makes This Design Great: Hero sections are often trying to do two things: tell visitors what we do and show them how we do it. Usually the text tells people what we do and a demo shows them how. This hero section from Dia however intertwines both together in a really unique way. The text changes from “Chat with your tabs” to “Write with your tabs” and “Learn with your tabs”. As the text changes so does the demo below it. In this way you get both sides of the value proposition in real time.
Key Takeaways: The closer your headline aligns with your demo, the easier it will be for visitors to understand your value.