Resist Design

Bridging the Designer–Developer Workflow

Resist Design creates tools and frameworks that eliminate friction between visual design and code implementation.
Founded by RyAnne Graff, our studio explores radical ways to accelerate development while keeping creative intent intact.

From SVG-to-Angular compilers to full-stack dependency injection, every project we release has one goal:
Make design a functional part of your codebase — not an afterthought.

What Is Resist Design?

Resist Design is a solo R&D lab dedicated to transforming how developers and designers build interfaces together.

We’re not here to follow trends. We’re here to:

  • Invent new layout engines
  • Create programmable grammar tools
  • Define new ways to express UI logic and visual structure
  • And build experimental pipelines that skip the boilerplate

We serve:

  • Designers who think in systems
  • Developers who want creative flow
  • Product teams tired of pixel-loss between Figma and frontend

If you want to build what doesn’t exist yet, this is the place.

The Core Philosophy

At the heart of Resist Design is this principle:

Visual design and software logic should exist in the same language.

We don’t mean literally — but structurally. Every layout, component, or flow should be:

  • Declarative
  • Composable
  • Transformable
  • And code-controlled, without sacrificing artistry

Our projects are infrastructure for creativity — they let teams build like artists and engineers at once.

Voltra

Voltra is a state-of-the-art platform designed to streamline the creation of cloud infrastructure and complex web applications.

It features:

  • A robust API with RPC, CORS, and versatile authentication options
  • Dynamic app development tools like TypeScript-driven form generation
  • Advanced Infrastructure as Code (IaC) including chainable stacks and typed parameters
  • Intuitive packs for adding databases, storage, authentication, and functions
  • Auto-generated ORM data contexts based on TypeScript types
  • State management and smart, lightweight routing for React front-ends

Voltra dramatically simplifies full-stack architecture while retaining type safety, developer control, and infrastructure flexibility.

Media content

PaperTech

PaperTech is a design language blending minimalism and tactile sophistication — modern digital interfaces fused with the subtle pleasure of premium paper textures.

Its core principles include:

  • Materiality & Texture: Inspired by high-quality construction paper and thick cardstock, avoiding glossy or metallic finishes.
  • Color Palette: Deep muted grays (#111111, #222222, #333333) with soft neon-like accents in desaturated blue (#0095e3) and orange (#ff9b00).
  • Geometry: Sharp, angular, origami-inspired shapes called Parcels and Morsels — no curves, no rounded edges.
  • Ambient Atmosphere: Quiet, ASMR-like lighting with futuristic, understated sci-fi feel.
  • Interaction: Subtle neon edge glows signal interactivity; feedback animations remain minimal and calming.
  • Use Cases: Calming, tactile UI scenes that feel futuristic yet grounded.

PaperTech is a vision of the future where digital interfaces feel calm, precise, and physically present.

Media content

PSVG

From SVG to Angular App — Automatically.
Turn Illustrator-made SVGs into live AngularJS templates. Retain structure, inject directives, and make art interactive. Used to power CoMix and other media-rich apps.

Media content

Incarnate

A lifecycle-aware DI system for the web and cloud.
Dependency injection that works across frontend, backend, and serverless platforms. Includes lifecycle hooks, scoped containers, React integration, and cloud function support.

Media content

BNFDX

Write grammars in JS. Parse anything.
Create powerful BNF-like grammars using plain objects in TypeScript. Transform input into ASTs, DSLs, config, or layouts — with zero parser generator files.

Media content

Preposition

A new language for layout.
Preposition places elements using semantic roles and named anchors. Together, they reinvent responsive UI for static and dynamic content.

Media content

RDX

Compile JSX + HTML + CSS into deployable bundles.
A custom compiler that simplifies authoring and publishing design-rich static apps or components.

Media content

New Ideas. Real Impact.

"PSVG changed the way I think about UI. I went from a flat SVG to a dynamic app without touching the DOM." — Creative Technologist

"BNFDX helped me build a config grammar for a custom CMS. What would’ve taken me 3 weeks, took 2 days." — DSL Architect

"Incarnate finally made DI make sense — lifecycle management is the missing piece in 99% of JS apps." — Senior Backend Engineer

Who This Is For

Resist Design is for you if:

  • You want real design-to-dev continuity
  • You’re building systems where layout is logic
  • You’re exploring new human–interface metaphors
  • You care about the craft of software, not just shipping features
  • You want your app to feel intentional, beautiful, and powerful — from markup to UX