21 Brand New Hero Sections You Must Copy

✨Download The Figma File (Open › Duplicate )
www.paytonclarksmith.com/free...
🔹🔹🔹🔹🔹
Learn How to Build a Booming Design Business 👇
www.paitpro.com
🔹🔹🔹🔹🔹
OTHER USEFUL VIDS:
🎥 18 HERO Sections (Part 1):
• 18 Hero Section Design...
🎥 12 HERO Sections (Part 2):
• 12 NEW HERO LAYOUTS YO...
🎥 14 HERO Sections (Part 3):
• 14 HERO layout example...
🎥 1 Mobile HERO Sections:
• Designing a Mobile HER...
🔹🔹🔹🔹🔹
✨ DESIGNER CREDITS ✨
HERO Section 1 ▹ dribbble.com/outcrowd
HERO Section 2 ▹ UNKNOWN
HERO Section 3 ▹ UNKNOWN
HERO Section 4 ▹ dribbble.com/tonikstudio
HERO Section 5 ▹ dribbble.com/phenomenonstudio
HERO Section 6 ▹ dribbble.com/outcrowd
HERO Section 7 ▹ dribbble.com/outcrowd
HERO Section 8 ▹ dribbble.com/tonikstudio
HERO Section 9 ▹ dribbble.com/outcrowd
HERO Section 10 ▹ UNKNOWN
HERO Section 11 ▹ dribbble.com/outcrowd
HERO Section 12 ▹ dribbble.com/tonikstudio
HERO Section 13 ▹ dribbble.com/outcrowd
HERO Section 14 ▹ dribbble.com/outcrowd
HERO Section 15 ▹ dribbble.com/tonikstudio
HERO Section 16 ▹ dribbble.com/tonikstudio
🔹🔹🔹🔹🔹
CHAPTERS
0:00 Intro
0:14 HERO Section 1
1:09 HERO Section 2
1:48 HERO Section 3
2:45 HERO Section 4
3:16 HERO Section 5
4:09 HERO Section 6
5:09 HERO Section 7
6:32 HERO Section 8
7:48 HERO Section 9
8:17 HERO Section 10
8:59 HERO Section 11
10:29 HERO Section 12
11:12 HERO Section 13
11:54 HERO Section 14
12:30 HERO Section 15
13:24 HERO Section 16
🔹🔹🔹🔹🔹
This video shares 16 new and unique HERO section layouts that you can save and use as inspiration for your next web design project.
🔹🔹🔹🔹🔹
21 Brand New Hero Sections You Must Copy

[@SimonS188]

Hey Payton, I really like these videos, but could you show each one at the different breakpoints (mobile, tablet, desktop). It would be really interesting to see how they've made them responsive.

[@sanicspeed1672]

Stack them

[@robinspeth5659]

Exactly this. Some layouts won’t look so special on mobile devices I think.

[@neeshsamsi]

@@robinspeth5659 That’s the point. Seeing how creative hero layouts can be shrunken to mobile as well even if they’re not that interesting and just functional

[@MACH_SDQ]

Very gooooood, Greetings from Dominican Republic !!!!

[@chrisdaniel3991]

Love these layout videos. Keep em' coming boss!

[@PaytonClarkSmith]

Will do 🚀

[@ShrideepPakhare]

Hey Payton, I really like the hero section design series but it would be great if you could make a video on unique section layouts.

[@PaytonClarkSmith]

I have one! kzbin.info/www/bejne/kJXHoJltjMSrpLssi=YffZ4pSasDv1V1fJ

[@jaylinbooker6798]

Love this payton! Such a refreshing way to get some inspo

[@PaytonClarkSmith]

Thanks 👊🏻

[@theakindan]

Love this Thank you

[@PaytonClarkSmith]

No problem 👊🏻

[@craciunlabs]

Appreciate it greatly thank you!

[@PaytonClarkSmith]

👍🏻

[@k16e]

Hi, Payton, that's a good job you've done here analyzing the different layout vars and making recommendations (on suitability). Mucho appreciated. Thanks. (And, more...)

[@PaytonClarkSmith]

🙏🏼

[@kwcreative]

hey @Payton I appreciate what you set out to do here, if i could make a suggestion and maybe not encourage people to steal the design but rather be inspired by it. I think its our responsibility to educate the up and comers that stealing an composition/layout is not a design solution, but being inspired by something it accomplished is of great value. just my two cents

[@boycechi7972]

This is really useful to designers.

[@PaytonClarkSmith]

I hope so!

[@serdimay7]

I love al the layout. I see many ways to use them in different projects

[@PaytonClarkSmith]

Glad you liked it 👊🏻

[@CalebMakafui]

"Hey Payton , loved this video! The hero section ideas are fantastic and so relevant for businesses and companies. I was wondering, could you create a follow-up video with hero section inspiration specifically for personal portfolio websites?

[@petegrant3251]

Hey Payton, inspirational as ever thank you :) I really struggle with our vacation directory websites Home Page hero section, I really dislike big image with text and search bar over, this standard in our industry...always concerned when I try something different...your videos offer many alternatives....it would be great to see the odd travel site and your feedback :)

[@Kirolmh]

Amazing hero sections. Would love to see the mobile version too.

[@PaytonClarkSmith]

Stay tuned!

[@nocodekevin]

I was trying to find the /free-resources page on your site and the back to home button of your 404 template leads to /old-home. Anyway, I'm looking to download all 4 hero section figma files at once. Is there anywhere I can do that?

[@apka_ibbo]

can you share modern e commerce eyewear store layout?

[@justwoc8478]

Love this video

[@d.o.nmuzic3802]

🔥🔥🔥🙏🏾💯

[@MatthewMarley]

Love these videos but these days its mobile first for me as over 85% of my traffic comes from mobile.

[@ib4112]

It would be great to show show it looks on Phone device also

[@JocelinCarvajal]

my fav is #16

[@PaytonClarkSmith]

Same!

[@krisproaffiliate]

For me, it's a problem to recreate such a design. I am sure there are tools to use to create such designs easily but I need a page builder or theme that has these capabilities since I am working with WordPress editor.

[@kellyumerah]

You can use Webflow to easily recreate these websites

[@fasalmehaboob5523]

Try bricks builder, there’s a little learning curve. But really worth your time

[@voiceofvoicelessj9283]

There is no link in the description

[@PaytonClarkSmith]

It’s there now! You were just early 😉

[@faisalshaikh4737]

Please share the figma link?

[@PaytonClarkSmith]

Link in description

[@TeoDzambo]

Hello

[@Jibon-in7jr]

Hey Smith, really nice video ! I was wondering if I could help you with Best Quality Editing in your videos better than your Editor with good pricing and also make a highly engaging Thumbnail which will help your videos to reach to a wider audience ? Pls let me know what do you think ?