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
UI Dashboard screen explorations with a different type of dither for expressing scale
Looks great
Dither instead of a gradient fill is the right call here — gradients wash out on true blacks, and the dither texture still reads as intensity without fighting the chart's own color coding.
Great Work 🔥
THIS IS WONDERFUL. IVE BEEN THINKING OF GOING INTO UI/UX DESIGN. IS THIS A SIGN?
Using dither to encode scale is a smart move since it keeps the value legible without adding a second color axis. The one thing I would stress test is how it holds at small render sizes and on lower-DPI screens, where dot patterns can shimmer. On these hero screens it reads beautifully.
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
When designing WAct, the main challenge was to make complex analytics feel calm, approachable, and actionable.
Marketing tech platforms often suffer from visual noise: endless charts, aggressive contrast, and buried data.
For WAct, I took an editorial SaaS approach:
Visual Hierarchy: Kept the primary metric cards (CPL, Lead Quality Score) instantly readable at a glance.
Warm Aesthetic: Used a soft, olive-green gradient backdrop paired with editorial typography to make the brand stand out from generic blue dashboard templates.
Dashboard Logic: Structured the flow so users can track multi-channel ad conversions straight into WhatsApp chats without getting overwhelmed.
Building a complex B2B platform or analytics tool? Let’s connect and create a seamless UI/UX for your product.
🔗 Explore the full case study on Behance:
Check out WAct on Behance
this is nice
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.
awesome
FOCUS TIME: ADHD-Friendly Productivity App Design & Development (UI/UX + React): https://focustimeisnow.netlify.app/
This app was made by me for the Contra 2026 Figma config makeathon. In the end, I produced the version with the original design (and I like this version more), and the version for the Makeathon was a prototype.
Most productivity apps are built around one assumption: a clean list plus a timer equals done. That works if your brain reliably starts tasks, tracks time accurately, and finds a plain checkmark rewarding. For a lot of ADHD brains, none of those three things are reliable, so I designed and built a tool around a different assumption entirely.
FOCUS TIME is a gamified, retro-vaporwave productivity web app where every feature has a specific behavioral reason behind it, not gamification for its own sake, and not another app quietly glorifying hustle culture. Health and rest are built directly into the scoring system: the Overall Score combines HP (Health Points) with MP (Magic Points, your work/rest/distraction balance), plus Strength, Motivation, and Wisdom. If HP and MP aren't balanced, the score doesn't look good, no matter how many tasks got checked off. The app won't reward burning yourself out to finish a list, and it won't reward rushing through one either: the scoring pushes back on the quantity-over-quality mindset that social media has normalized and rewards actually giving a task the time it needs.
WHAT I DESIGNED & BUILT
🟡 A visual moodboard planning system (drag-and-drop images, stickers, notes, and a single task checklist), because externalizing a plan spatially works better for a lot of ADHD brains than a plain text list.
🟡 A focus timer with optional Pomodoro breaks and a body doubling mode, targeting time blindness and the real, research-backed boost from working alongside someone else.
🟡 A mood-tracking and honesty-check system feeding directly into the scoring engine.
🟡 A full gamified scoring system (HP/MP/STR/MOT/WIS/DET, power-ups, a hearts-based accountability mechanic) designed around immediate, visible reward instead of distant, abstract praise.
🟡 A complete retro/Y2K/vaporwave visual identity, designed end-to-end in Figma.
This is an example of my skills in product design, UI/UX, and frontend development: from the original Figma design system through a full technical specification to a working app. To know more about my stack, visit my portfolio: https://grevaleart.com/
The stack underneath is React, TypeScript, Vite, and Tailwind CSS, with React DnD powering the drag-and-drop moodboard editor, React Router handling navigation, and Motion handling the UI animations.
