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
Motif — Design System Explorer
Every design project starts the same way: hours lost hunting for references and piecing together a component library before any real ideation can happen.
Motif skips that. Pick a starting point, describe your idea in a sentence, and Motif generates two distinct design system variations, each with a full component library, tokens, and styling details ready to explore. Pick the one that clicks, dig into the details, and save it to start designing immediately.
Built for designers who want to spend less time hunting for a starting point and more time actually designing.
Cool animation
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
How minimal can a fintech website get before it starts losing personality?
Version 01 of a recent Verlo Finance exploration.
Focused on strong type, clarity and keeping everything else out of the way.
Would you keep it this minimal?
built a tamagotchi that thinks it's a space station.
your steps = kinetic energy. your sleep = hydration turgor. your screen time = solar flux.
check in on your tiny creature suspended in a glass terrarium and pretend you're running a biosphere, not a to-do list 🌿📟
DRIFT — currently in the wild
steps as kinetic energy, fun idea
no-code.supply is open.
I've been quietly building landing page templates. Six are out today, each with its own brand, its own type pairing and one interaction it's built around:
→ Aurel: a skincare brand with a WebGL serum drop that bulges toward your cursor
→ Ferro Type: a type foundry where the hero word bends its weight and width under the pointer
→ Meridian Expeditions: contour maps that redraw themselves as you switch routes
→ Oda: an architecture studio whose timber cabin draws itself, with a live sun study
→ Relay: a dev tool where the editor types a workflow and the run graph executes it live
→ Signal: a mission-control SaaS with a live infrastructure graph that contains threats as they flare
Built to be edited with AI. Every template ships with a README, a DESIGN.md and an AGENTS.md, so Claude, Cursor or whatever assistant you use changes it the way it was built, not the way it guesses.
Pricing, per template:
• HTML: $29
• React: $59
• Bundle (HTML + React): $79
Or get All-Access for $169: all six templates, both editions, plus every future drop. Nine more are on the way, at no extra cost.
No page builder, no lock-in, no third-party requests.
If you build sites for clients, I'd love to hear which one you'd use first.
Ferro Type is the one I would open first. Bending a variable font under the pointer re-lays out the text every frame, which is a much bigger bill than it looks, and stepping the weight in a few fixed increments is usually what keeps it smooth on a laptop that is not plugged in....