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
• 5h
I’m experimenting with two different approaches to bento-style dashboards. Which one would you choose for the UI & animations? 👀
.......
A — CSS Animations → minimal purple UI
B — Framer Motion → purple + pink gradient
Which feels better for a real product — A or B?
Curious to hear your thoughts on both the UI style and animation.
1 vote
Ends in 1d
the purple UI looks sharp. A or B?
• 2h
A, for a real product. The gradient version is the better screenshot, but the chart is competing with the background — pink bars on a pink glow means the eye has to work out which pixels are data. A keeps the colour on the bars, where the meaning lives, and that gap is what...
• 2h
Thanks for your feedback 🙌. Yes, it is not about the Framer vs CSS I just wanted to mention that I used different approaches in styling. I would improvise it.
• 1h
Understood — then the styling comparison is the interesting half. If you post a v2, try the gradient version with the bars pulled to one flat colour and the glow kept only behind the empty space. You'd get the same poster energy without the chart paying for it.
• 1h
That's a really good point. I’ll try that direction for v2 and see how it balances the visual energy with chart readability. Thanks for the suggestion!
• 1h
Professional and impressive design work ! Good job
A for UI, B for motion. A's cleaner palette wins for readability but framer motion gives B that premium fluid touch.
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Exploring two landing page directions for Serein - a skincare brand focused on calm, balanced, healthy-looking skin.
Portrait Layout - with the models as the main focal point and the copy placed alongside the image.
Wide Layout - a calmer, more editorial composition that introduces the brand’s skincare philosophy through a structured content block.
Which direction would you choose for Serein: Portrait Layout or Wide Layout?
Which one feels more memorable and trustworthy for a skincare brand?
86 voted
75%
29 voted
25%
115 votes
Closed
Wide layout feels so much closer to calm, balanced than portrait does, that editorial pacing does a lot of work. Was the client on board with losing the immediate face-first hook, or did you have to make the case for it?
Wind Turbine Sales & Service Website Header Design
For a company working with wind turbines, the website needs to communicate credibility before the visitor starts digging into the technical details.
For this header concept, we focused on creating a strong first impression around the company's core offering: wind turbine sales and service.
The visual direction is clean and industrial, while the layout keeps the message and next step clear.
Services: Web Design · UI/UX Design · Brand Identity · Web Development
The goal wasn't to put the entire company on the first screen.
It was to make the first screen do its job well.
Designed by WaxyWeb.
• Aug 31
awesome
