about the studio
The designer and the engineer are the same person
denysmotion is a one-person studio. That is not a limitation — it is the reason the design system and the codebase never drift apart.
Most template shops split the work: a designer hands off a mockup, a developer approximates it, and the seams show — in magic numbers, in broken states, in styles nobody dares to touch. This studio removes the handoff. The person choosing the typeface is the person writing the SCSS token it lives in.
Every product starts as a written specification, becomes a design system before it becomes pages, and ships only after the full quality loop: formatting, linting, HTML validation, link checks, accessibility smoke tests, and manual keyboard passes. The process is boring on purpose — the results are not.
The studio works remote-first with buyers and clients worldwide, and runs an openly documented AI-assisted pipeline: human-gated reviews, provenance ledgers for every asset, and strict compliance with each sales channel's policies.
principles
What every product must satisfy
Tokens over taste
Identity lives in variables. If a value cannot be named, it does not ship.
States are the design
Hover, focus, error, empty, loading, reduced motion — designed first, not patched later.
No dependency sprawl
Runtime JavaScript is hand-written. A buyer should never inherit someone else's upgrade treadmill.
Honest by default
Original artwork, verified licenses, disclosed AI use, and no claims a check did not back up.
toolchain
The stack, in full
- Markup
- Semantic HTML, validated on every build
- Styles
- SCSS compiled by Vite — tokens → base → components
- Behavior
- Vanilla JavaScript ES modules, progressive enhancement
- Quality
- Prettier, Stylelint, ESLint, html-validate, linkinator, pa11y-ci, Lighthouse budgets
- Fonts
- Self-hosted, SIL OFL licensed — Outfit and JetBrains Mono on this site
Sounds like your kind of discipline?
Browse the catalog or write a two-paragraph brief — both are good starts.