Chromatic Duel is a visual decision experience built in Wonder for the Contra x WonderChromatic Duel is a visual decision experience built in Wonder for the Contra x Wonder
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
Faadil's avatar
Faadil Boussari
pro
• Jul 6
Chromatic Duel is a visual decision experience built in Wonder for the Contra x Wonder Challenge.
The project explores a simple idea:
Color palette selection should not only be about taste. It should survive pressure.
Chromatic Duel turns two competing palette directions into a visible stress test. Ember enters as the bold, warm, dramatic direction. Tidal enters as the calm, precise, premium system direction.
Instead of presenting both palettes as moodboards, the Wonder canvas frames them as a duel.
The question is not:
“Which one looks better?”
The question is:
“Which one survives?”
Inside Wonder, I used the canvas to shape the full decision journey: the initial duel, the stress-test comparison, the iteration trail, the pivot in criteria, the workflow proof layer, and the final verdict.
The palettes are compared through four qualitative lenses:
Contrast Harmony Accessibility System fit
As the system became clearer, Ember felt expressive but less stable. Tidal held together better across the interface direction, making it the stronger final choice.
Final Wonder verdict:
TIDAL SURVIVES.
Ember is archived.
I also created a Framer page as a bonus interactive wrapper. It lets visitors try challenger palettes and compare them visually against the fixed Tidal benchmark. The Framer page extends the experience, but the official build, workflow, and final decision remain in Wonder.
The core memory line:
The palette that survives the stress test wins.
Wonder file: https://app.wonder.so/faadil-boussari/files/019f35d4-04d2-7664-afd6-bb717a9100bf
Walkthrough video: Uploaded directly with this submission.
Framer bonus page: https://cyan-lettuce-159672.framer.app/
Completed work
wonderchallengeFramerChatGPTInteraction DesignPrototypingVisual DesignWonder
Post image
Post image
Post image
Faadil's avatar
Faadil Boussari
pro
• Jul 6
Wonder helped me generate competing directions, explore variants, reframe the criteria, and turn the final decision into a clear visual canvas.
Back to feed
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