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
I was catching a flight at PHL last week and almost missed a critical alert.
The notification banner is pink. I ignored it — pink doesn't say "warning" to me.
Then I looked at the security status board. Too much spacing between rows, hard to scan fast when you're rushing to the airport.
2 UI problems I noticed — and here's how I'd fix them.
The banner → warning yellow with a ⚠️ icon. Universal. Impossible to ignore.
The status rows → tighter spacing, closed terminals get a red outline so they stand out immediately from open ones.
I would use these custom tokens to keep things consistent across both components:
`--color-status-closed` · `--color-status-warning` · `--color-status-open`
Small decisions. Big difference.
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
really like it, wnat to see it animated btw
some things just need to be seen.
Trending
FLORA
Reusable workflows are replacing one-off prompts in creative AI. Share what you're building in FLORA.
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
brandguidelines
Brand guidelines are becoming living systems. What are you building for your clients?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?