Rekanesia
a multi-brand design system: one source of truth that lets one product become many brands across design, web and native, without rebuilding
read the case study →design, then ship ita product designer whoturns canvases into code
I'm Salman — I design interfaces, design systems and mobile apps, then build them in React, React Native and Swift. Canvas and codebase, one continuous loop.
tools I design and ship with
- Paper
- React
- SwiftUI
- TypeScript
- Vite+
- Supabase
- React Native
- Expo
- Cloudflare
- Claude Code
- HeroUI
hello, I'm Salmanone designer, one canvas,a whole connected workflow
I work where design meets engineering: prototyping on the canvas, syncing tokens to code, and pairing with agents so the craft gets the attention, not the boilerplate.
selected work
from canvas to code, and back again
from a national subsidy system to products I build myself — each one designed with real content, real constraints and the people who use it
see all workSurau
an Islamic wiki built on classical texts, designed around one rule: never let someone believe an answer they can't verify
read the case study →Vuboi
a community-driven wellness product, designed and brought to life by one designer who refuses to stop at the handoff
read the case study →design systems
one source of truth, many brands
Rekanesia: tokens, components and a pipeline built once and used everywhere — from the design file all the way to five platforms
the seven-day rebrand, delivered in two
when a national program needed the whole app rebranded in a week, variable design tokens turned it into a two-day job
read the case study →one source, five platforms
one token file compiles to Flutter, Compose, CSS, Android XML and Swift, and re-skins 30 components into five brands
see how →process
hand off the boilerplate, keep the human touch
agents read my canvas, scaffold the components and sync the tokens. I stay on taste, motion and the details that make it feel alive
how this site was built →agents that see the canvas
MCP connects the design file to the editor, so components start from the real design, not from a screenshot
stay in control
every generated line is reviewed, formatted, linted and type-checked with Vite+ before it ships
notes
notes from the studio
short notes on experiments, workflows and prompts: what worked, what didn't, and why
see all notespaper texture, zero folds
the grain behind this site is a WebGL shader. Here it is with the controls exposed, and the reason the folds stay off.
rebuilding this site in an afternoon
designed on a Paper canvas, built with Claude Code and checked by Vite+. What the loop looked like, and where the time actually went.
about Salman
a designer who codes. I sketch on the canvas, ship in React and Swift, and let agents handle the boilerplate
download résumé →let's talk
have a product that deserves the details?
I'm open to product design, design-system and design-engineering work. Tell me what you're building.
say helloNow&Next
exploring agent-assisted design systems, SwiftUI motion and faster web toolchains. Always happy to trade notes.