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
Designed the new StyleRef landing page.
Drop three photos in, and the page pulls one style out of them: colour, material and camera rules, written as a spec you can paste into any AI tool.
The page shows it happening instead of explaining it.
See it in action → StyleRef.io
the green light sweeping over the extracting composition pill is a nice way to show it instead of explaining. is the spec output real or mocked for the demo
Thanks, glad that part landed! The spec is real. It’s the actual StyleRef extracted from those three references, and the prompt images further down were generated with it. You can see the full one here: https://styleref.io/share/bmivnppb-58ff14a99580
styleref.io
Colour-Blocked Studio Set — Photography StyleRef
Bold, minimalist studio photography featuring flat, saturated color blocks and clean lines for graphic compositions.
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
what if your portfolio page was just all of it?
we put every project from our contra profile on one wall for the new apollo studio site.
Really great to see all of your work
Exploring hero sections for Nation e-commerce
Loving the direction
Solid layout, Miguel! The contrast between the clean typography and those interactive bento-style cards is crisp. Building this layout with smooth CSS grid transitions or GSAP pin scrolling would make the UX feel incredibly interactive.
I had the pleasure of working with 21st.dev to make small design fixes easy to see.
AI can build a page, but the details don’t always match. Different button sizes. Inconsistent text. Selected states that aren’t clear. The design feels off.
To explain Design Bug Bot, I built a UI component with those problems and animated the fixes one at a time.
I brought each issue into focus, showed what changed, then pulled back to show the result.
Why this approach?
People won’t pause and replay your video to figure out what changed.
That’s why I make each feature obvious, one at a time.
If a feature still needs explaining after you’ve shown it, the video hasn’t done its job.
