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
Just built ColorDNA using Figma Make.
ColorDNA helps designers turn a single HEX code into a complete color system instantly.
Paste any HEX code and get:
Color name
Shades, tints, and tones
Design tokens
Ready-to-use color scales
One-click copy functionality
What started as an experiment quickly became a practical tool I can actually see myself using during UI design projects.
One thing I enjoyed about building this was exploring how quickly Figma Make can take an idea from concept to working product. Instead of spending hours setting up logic and interfaces manually, I was able to focus more on the experience and refine the details along the way.
Mobile responsive also
Try it out: https://gauge-top-48286234.figma.site
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
Family Yoga Studio — Hero Section Design
A landing page concept designed for a family-focused yoga studio. The goal was to create a calm, welcoming first impression while maintaining a clear visual hierarchy and intuitive user experience.
Goal
Design a hero section that communicates the studio's atmosphere, establishes trust, and encourages visitors to take action without overwhelming them with information.
Design Approach
• Clean and minimal layout focused on readability and clarity
• Strong visual hierarchy that guides attention from the headline to the primary call-to-action
• Custom image masking and typography to create a distinctive brand presence
• Carefully balanced supporting visuals that reinforce the message without competing for attention
Outcome
The result is a modern, aesthetically balanced hero section that highlights the studio's identity while making it easy for potential clients to explore classes and get in touch.
Tools
Figma
Keywords
#WebDesign #UIUXDesign #LandingPage #HeroSection #WellnessDesign #YogaStudio #MinimalDesign #Figma #ProductDesign
What I find interesting about hero sections is that users decide within seconds whether a product feels right for them.
Creating a sense of trust, clarity, and calm while still encouraging action is much harder than it looks. Nicely thought through 👏
Hey Contra community!
I've decided to share my UX/UI design project, which was lead-generation-first to me.
Onyxer Academy is an edtech startup bootstrapped by a web development agency with a strong presence on Upwork.
The goals of the project were:
- Lead Generation through UX/UI design (my favourite!) = maximise conversion rates and make sure the marketing budget spent on customer acquisition, like ads and SMM, won't go to waste + the founder spent his own time on social media and his hourly rate is the highest in the agency (lead cost only increases from that)
- Motivate users to buy the full course (in the product design world, it's called a bundle, and even has best practices — my former boss's team even created a Shopify app dedicated to e-commerce bundles)
- Attract potential students to be the best during their study, since the best were promised to get hired (for real, the website was supposed to be a part of the hiring brand)
- "If there's time, provide also a concept of a Learning Management System..."
I've been a lead generation manager, team lead & mentor in agencies exactly like this, even though I already switched into UX/UI design, so the project excited me. The founder was thorough and detailed in his communication, and he also provided some visuals collected by an in-house graphic designer: logo variations, a mood board, and color schemes.
My then-process was almost as usual now:
- Deep briefing with a client through Zoom and Notion
- Even deeper analysis of all the info about the company to provide a truly narrow and personalized solution and maximise conversions
- Competitor analysis, especially pricing models analysis + UX/UI design standards of the industry, including not only Ukrainian but European & US edtech & coding bootcamp markets
- Website structure creation (the site is a landing page with AIDA framework)
- Wireframing
- UI Design
- Prototyping
- Figma File Cleanout :)
I was working with a wonderful UX/UI Design Mentor back then who had helped enormously by providing useful and pleasant feedback along the way.
The desire for future collaboration followed the project.
Hope you'll support it with your like and comment.
And as usual, if you want your website to bring you leads or conversions, I’m the woman.
See ya!
Starting from AIDA and working backwards into the site structure is the right call for a lead-gen project. Most designers approach it aesthetically first and then try to retrofit conversion logic. The competitor pricing analysis across Ukrainian, European, and US markets is a detail that most freelancers skip entirely.
👀 What do you do when you get a hyperfixation, and suddenly all you do is refresh Contra, check notifications, and obsess over engagement on your Makeathon submission? Anyone else like this? 😅😅😅
Honestly, you might have noticed I’ve been a bit quiet with my growth updates lately — and that’s because for the past 2 weeks I was fully locked in on the #ConfigMakeathon 🥵
(I’ll also attach a screen recording in this post showing how to use the Skill Matrix for anyone who’s interested)
But today I’m back with a quick update to distract myself a little
𝐃𝐚𝐲 𝟓𝟐 🎉 𝐨𝐟 𝐦𝐲 𝐜𝐡𝐚𝐥𝐥𝐞𝐧𝐠𝐞 𝐭𝐨 𝐫𝐞𝐚𝐜𝐡 𝟏,𝟎𝟎𝟎 𝐟𝐨𝐥𝐥𝐨𝐰𝐞𝐫𝐬
𝗨𝗣𝗗𝗔𝗧𝗘𝗦 𝗦𝗜𝗡𝗖𝗘 𝗠𝗬 𝗟𝗔𝗦𝗧 𝗣𝗢𝗦𝗧:
💎 +60 followers
💎 I made it into the Top 5 creators on Contra
💎 Discovery score grew by 4 points — now it’s 127
💎 Ben Huffman followed me — which honestly feels like a huge milestone for me, especially since I’ve been on Contra for less than 2 months
𝗪𝗛𝗔𝗧 𝗜 𝗧𝗘𝗦𝗧𝗘𝗗 𝗦𝗜𝗡𝗖𝗘 𝗠𝗬 𝗟𝗔𝗦𝗧 𝗣𝗢𝗦𝗧:
I’ll share everything at the end of the week 👀
𝗖𝘂𝗿𝗿𝗲𝗻𝘁 𝗽𝗿𝗼𝗴𝗿𝗲𝘀𝘀: 337 / 1,000
𝗦𝘁𝗶𝗹𝗹 𝗹𝗲𝗳𝘁: 663 followers
Follow along if you’re curious to see whether it’s possible to grow on Contra from zero.
If you like my work please support my submission: https://on.contra.com/LgPnq8
🐐 + 💬 = ❤️
As someone who's capable of opening the same analytics page 37 times a day, I refuse to judge 😄
What I find interesting is how quickly you've grown in less than two months. Was there a moment when you noticed a clear shift in traction, or did it feel more like a slow accumulation of small wins?
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
