Hero

A hero is a large, prominent section at the top of a webpage highlighting key content.

Marketing Section

Overview

A hero is a prominent, large section at the top of a webpage that highlights key content, such as a main message, call to action, or featured content.
https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2FGl3138LYJ71TKOZEC0F8nJ%2FShipfaster-UI---v2.7.1-(LIVE)%3Fnode-id%3D6-31%26t%3DpA8X0YmO6d7F2SMU-1

When should you use them?

Use hero sections to capture user attention immediately and convey the most important information or action you want users to take.

How should you use them?

  • Use compelling visuals and headlines.
  • Include a clear and prominent call to action.
  • Ensure the hero is visually distinct and stands out on the page.
  • Keep the design simple and focused on the main message.
  • Make sure the hero is responsive and adapts to different screen sizes.
Previous

No previous post
Up next

No next post