Hero Section Background Selection: Discover the Best Fit

Hero Section Background Selection: Discover the Best FitHero Section Background Selection: Discover the Best Fit

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Taste Test

Create your own

Suraj Kale

• Feb 10

Framer Midjourney framertemplate

Hero section background exploration, which one looks good? I love both 🥹

16 voted

64%

9 voted

36%

25 votes

Closed

Sufyan Baig

pro

• Feb 11

"dreamy" for me!

Adonis Demetriou

• Feb 10

I love scenic design!

Juan Llerena

pro

• Feb 11

I’d go with Dreamy.

The lighting and color contrast create more emotional depth, and the composition supports the headline better. It feels more aligned with “serene digital experiences.”

Rana Naveed Sarwar

• Feb 11

The Dreamy version has such a unique atmosphere. It feels more like a digital art piece. Great work!

Suraj Kale

• Feb 11

Exactlyyy! thank you :)

Mark Kaizen

• Feb 11

The dreamy version is superb! WE love green🟢

Victrex Graphics

• Feb 11

Dreamy

Gloria Adeyemi

pro

• Feb 11

dreamy feels more immersive. Love the design!

Suraj Kale

• Feb 12

thank you :)

Anna Kulikova

pro

• Feb 12

I would prefer the first one because based on the title mentioning "digital" the color just support that message better. the image on the second one looks great though, so maybe I would mesh them and add a bit of blue to the second variant, creating something in between

Suraj Kale

• Feb 12

yess, I will try that

Agustin Dell Aquila

max

• Feb 26

Adding custom code to Framer but unsure about the settings?

Where you place scripts (Head vs. Body) and how they trigger (Once vs. Every Visit) makes a huge difference in your site's speed and SEO.

The quick cheat sheet:

• Analytics/Pixels: Start of <head> + Run Once

• Dynamic CMS Schema: End of <head> + Run on every visit

• Heavy Scripts (Chat, etc.): End of <body> + Run Once

👉 I wrote a complete guide explaining exactly how Framer handles custom code under the hood. Read the full breakdown here: https://akilastudio.com/blog/framer-custom-code-placement-guide

Framer

akilastudio.com

Where to Put Custom Code in Framer: Head vs. Body Explained | BEHIND THE FRAMES

onfused by Framer’s custom code options? Learn exactly when to use Start of Head, End of Body, and the Run Once vs. Every Visit settings.

Asif Younas

pro

• Feb 27

@Agustin Dell Aquila Solid breakdown — placement and execution context in Framer directly impact render-blocking, hydration timing, and SEO crawlability.

Jeremie Lasnier

max

• Feb 26

We rebranded HRM #Mexico, the most trusted EOR/PEO. Designing a high-conversion #framer site with motion, elevated credibility, and SEO-driven copy to lead in search & connect globally. See it live→ payrollmexico.com

Framer Figma webdesign

Wael Web Design

pro

• Mar 1

Looks Amazing 🔥

Kalim Khan

pro

• Feb 26

Redesigned experiment with the hero section. Tried adding 3D characters to see how much personality it adds to a landing page. Which one do you guys prefer?

1 voted

11%