UX Designer Free Figma Hero Section Template

Hey guys,

This UI freebie might be handy if you need inspiration when creating a hero section that showcases your fancy portfolio. We all know how important it these days is to have a modern hero section that captures the user’s attention who eagerly wants to find out more about your work.

You can develop this design into an entire home page or a personal website. Just follow the same design style and be consistent. Ask for our feedback, we would love to help. Meanwhile, relax and enjoy the process.

Dark Mode Hero Section

They say a good design will adapt to every environment. Either dark or light, the information should be clear and instruct the user on a visual level, therefore this is the end result.

As you can see here, there is no fancy complicated layout. A simple header navigation, the main title, a picture, and some design ornaments that serve no functional purpose than adding a bit of originality.

If you want to find out more about how to create effective UI design, we wrote an article that might help you. We encourage you to read it carefully.

Figma Hero Section – Light Mode


Highlights

  • Install Roboto & Inter Fonts Family. You can find them on google fonts.
  • Total Width: 1240px;
  • Grid: 12 columns
  • All Layered
  • Clean Design
  • Vector-Based

Special Bonus! Grab Awesome Minimalist Ecommerce UI Kit 2.0

We really love to offer new design freebies weekly, that’s why we want to provide you with some UI goodies that will give you a boost of inspiration for your future UI projects. If you want to design hero sections, this Figma freebie UI is definitely your favorite tool. Grab it and enjoy!

Download here

Minimalist Ecommerce UI Kit 2.0