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
Which hero wins? Dark vs Light for a startup Framer site
Two hero sections. One startup. You decide.
I designed two hero sections for Loopwise — a fictional startup SaaS that automates onboarding, billing and follow-ups — as a website design + UI/UX concept, built for a Framer site.
A — Dark & Bold: "Workflows that run themselves."
B — Light & Clean: "Your startup, on autopilot."
Same product. Same message. Totally different first impression.
Vote in the comments: A or B — and tell me WHY. Which one would you click first? Which one feels more trustworthy for a startup? What would you change in the winner?
I'll build the winning hero in Framer and share the result in the next post — follow so you don't miss it.
This is a concept design exercise, not a live client project.
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
Related posts
New here, so I'm slowly filling in my portfolio and getting to know the place. So far I like it.
Here's an extract from Software Intelligence, a Framer site I designed and built a few months ago for an enterprise data consulting startup.
The visual idea mirrors what they do with data: compact blocks that animate, break apart and recompose, like charts taking shape. Few effects, all consistent, everything managed through the CMS.
If you have a minute, take a look at the full case study.
I'd love to know what you think, especially whether the motion supports the content or ends up overpowering it.
You're very welcome, Francesco — glad the note landed. The motion in that extract really does the heavy lifting for the content, so keep sharing your work here. Looking forward to seeing what's next from you. ✌️
Framer agent templates are out, and seven of mine are in 🔥
Plakat, Datum, Halation, Parallel, Tender, Signal and Oda.
An agent template is built for Framer's agent to work on. Every colour and text style has a name that says what it's for, there's a design system page, and skills that tell the agent how the site fits together.
So you can ask for a rebrand, a new section or a whole new page. The agent works with the template's own styles and components and doesn't have to guess.
All agent templates: https://www.framer.com/marketplace/templates/?agent=true
Mine, also in HTML and React: https://no-code.supply/templates
Naming every colour and text style by purpose so the agent knows what it's touching is the part I think most templates will need to catch up on. Congrats on getting seven in at launch, Lauri!
Photographer Portfolio Website
"Capturing light, emotion, and the moments you never want to forget." That line set the tone, and the layout follows it.
The hero is one motion-blurred portrait washed in red. The photographer's name runs across the bottom in a condensed white face, so large the screen cuts it off. The photo keeps its soft focus, and the name still reads first.
Thin grid lines split the page into narrow columns, and the small copy sits justified inside them. The loose photo gets a strict structure to lean on.
A single round red button with an arrow sits right on the letters and marks where to go next.
Designed by the Hue & Machine team.
#WebDesign #Photography #PortfolioWebsite #EditorialDesign #Typography #UIDesign #ProductDesign #CreativeDirection #ResponsiveDesign #FigmaDesign
The heavy condensed white FLORENCE over the red portrait is bold, and keeping the same red across phone, laptop and type tile makes the case study read as one system. Did the red come from the photographer's own work, or was it your call?