Prototypr

Prototyping, UX Design, Front-end Development and Beyond 👾 | ✍️ Write for us…

Follow publication

Member-only story

2024 Design Trends | 5 Must Try Hero Layouts

Elizabeth Alli
Prototypr
Published in
6 min readDec 27, 2023

As we move into 2024 I’ve been noticing some interesting design trends emerging particularly in hero layouts and at the top of websites. If you’re looking for some inspiration in the new year, here are some of the hottest hero design trends for 2024 that you’ve got to try!

Up until now, we’ve been seeing a lot of simple header lockups with a heading, a description, a call to action button and a full screenshot of an app or software.

Screenshot of Crew white background with purple accent color
https://www.crew.work/

Moving into 2024 we’re seeing a lot more creativity happening with website hero layouts.

1. Isolated Component Hero Layout

Screenshot with isolated components and green callout button
https://feedly.com/

The isolated components hero is a way to showcase certain parts of an app or software without showing the entire thing…

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Published in Prototypr

Prototyping, UX Design, Front-end Development and Beyond 👾 | ✍️ Write for us https://bit.ly/apply-prototypr

Written by Elizabeth Alli

Mindful product designer and founder @DesignerUpCo School. More writings and lessons at designerup.co

Responses (5)

Write a response