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
The background of a hero section communicates so much to the users of a website and the type of video you use as a designer carries a lot of heavy lifting.
Some designs may require you to use infographics or explainers of what the product is all about while some designs may be somewhat abstract so that it communicates deeply to the users.
Abstract designs communicate deeply in various ways. Some speak luxury, some speak psychedelia and so on.
For this particular sample in this post it speaks secrecy which communicates something that is unseen, dark and discreet.
Tell me your experience with designs that communicate beyond basic understanding and surface level?
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
I’ve been working on a bold, modern-retro logotype and can’t decide between these two options.
🆘 Which one feels more aesthetically pleasing to you?
11 voted
26%
31 voted
74%
42 votes
Closed
CAPITAL is great but SMALL is unique great job Nawras 🔥🔥
Your Hero Section Has One Job: Be Clear.
You don’t need huge headlines or long explanations. You need the right image + short headline + clear offer.
For the first version, we worked on the branding, the image and the copy together, so at first glance it’s clear: this is a makeup course, and here’s what you’ll get.
The second version is still beautiful and still feels like beauty. But what are you actually getting? A makeup course? Products? A store? That’s the problem with a Hero that looks good but isn’t thought through.
Your first screen doesn’t need to say everything. It just needs to say the right thing.
22 voted
61%
14 voted
39%
36 votes
Closed
Hourfield is a 16-second 16:9 launch film for products that organise people's time: calendars, schedulers, booking and reservation apps, planners. Retype a few short lines, drop in your logo and rename the calendar's days and tiles (meetings, table bookings, classes, shifts): the week re-plans itself on screen and the film lands on your logo lockup. Our second version, Maréva, a fictional table-booking app, turns the working week into an evening of reservations on the same animation and timing.
Built end-to-end through the SVGator MCP server. The calendar that re-plans its own week, the orbit that swirls into a single dot and the lines centred by their real letter shapes (fonts measured, not eyeballed) were computed in Python and written straight into a live SVGator project as 780 editable keyframes; I directed every note and finished it in the canvas. Maréva was made the same way, on the same timeline. Everything stays a real layer: 50 live text layers, named elements (headline, logo, product-name, tagline) and one logo image animated in two moments.
Yes, there is a lot to edit: every line of the story, a whole week of calendar tiles, a palette in nine roles. A full rebrand takes longer than five minutes, and that is the honest trade: it shows how much a single SVGator file can carry, and how MCP makes a detailed, story-driven film practical to re-make, not just to watch.
Links:
▶ Template (SVGator)
▶ Demo video, A → B
Love the smooth flow and the text animation! Good luck!