RVA

Responsive Visual Asset

One visual.
Any shape.

Author one structured creative. RVA recomposes it for the space available while preserving layout intent, hierarchy and protected content.

See it adaptExplore the technology
Open specificationDeterministic coreWeb + native runtimes

Created by Airovo Technologies.

live · @rva/web
resolving…

Drag the right edge, or pick a ratio — the asset genuinely re-resolves.

The problem

One campaign. Many placements.

Modern visual content has to work across an expanding number of shapes. Today that means manually adapting the same idea again and again — because existing image formats preserve pixels, not composition intent.

Today · rebuilt per placement
Product campaign at 16:9Product campaign at 1:1Product campaign at 4:5Product campaign at 9:16

Four fixed exports of the same idea — each cropped and checked by hand, maintained separately.

With RVA · one master
Product campaign at 16:9

master.rva

Product campaign at 1:1Product campaign at 4:5Product campaign at 9:16

Author once, declare intent, then validate and export conventional assets for the placements you actually need.

Why we built RVA

A problem worth solving.

We saw a gap between how visual content is made and how it has to live: an expanding number of shapes, surfaces and contexts — while the formats we ship preserve only pixels. So we researched, designed a format, and engineered it end to end.

  1. Problem
  2. Research
  3. Format
  4. Resolver
  5. SDKs
  6. Studio

RVA is the result of engineering inquiry, not a marketing invention: a structured visual asset, a deterministic resolver, SDKs across runtimes, and a Studio to author it.

How RVA thinks

Structure → Intent → Resolve → Render

A small, legible pipeline turns one creative into any shape without losing design intent.

01

Structure

Resources become semantic elements — images, vectors, text, groups.

02

Intent

Roles, focal & protected regions, constraints and priorities declare what matters.

03

Resolve

rva-core selects a topology and resolves exact geometry for the viewport W×H.

04

Render

The same resolved scene reaches web, native or server renderers.

Design intent, preserved

Not simply a smart crop.

RVA keeps the parts of a composition that matter. Regions, topologies and priorities are declared once and honoured everywhere.

protected

Focal & protected regions

Tell RVA which part of an image must survive cropping and scaling. Protected regions are hard constraints.

Topology change

Composition rules switch by aspect ratio: a wide banner and a tall story are authored as separate topologies.

decoration

Graceful degradation

When space is tight, low-priority decoration hides first — the hierarchy and the subject stay intact.

Built for creative production

Useful in today's pipelines.

Declare the placements your campaign must serve. RVA validates them and exports conventional assets — so it fits existing production workflows without waiting for platforms to natively accept .rva.

ONE RESPONSIVE MASTER

  • 1200×628
  • 1080×1080
  • 1080×1350
  • 1080×1920
  • custom

Presets reflect configured production targets and may change with platform requirements.

Author

one responsive master in RVA Studio

Preview

across declared targets

Validate

solve every placement

Export

a conventional PNG bundle

RVA Studio

Author intent, not variants.

Studio is the professional authoring environment: build the semantic scene, declare responsive intent, then validate and export.

RVA Studio workspace: Scene and Assets panels, canvas, inspector and responsive preview strip.

Scene & Assets

Semantic elements and imported resources, with roles and grouping.

Topology authoring

Author a composition per aspect-ratio range, side by side.

Constraints & regions

Gaps, alignment, containment, focal and protected regions.

Preview, validate, ship

Declared targets, cross-size validation, Save .rvap / Export .rva.

macOS · Apple silicon · 10.5 MB

.rvap — editable project.rva — distribution asset

RVA Viewer

Open it anywhere. Watch it adapt.

A lightweight, read-only viewer for Responsive Visual Assets. Drop in a .rva, resize the window, and see the same composition the resolver produces everywhere.

RVA Viewer showing a responsive asset with topology and ratio controls, and a resolved CTA count.
  • Inspect any .rva the moment it lands — no project or build step.
  • Resize freely or jump between ratio presets; watch it recompose live.
  • See the active topology and resolved CTA region count at a glance.
  • Read-only by design: the viewer never invents actions or edits the asset.

macOS · Apple silicon · 7.9 MB

Engineering proof

Not a concept. An engineered system.

RVA is implemented infrastructure: a portable container, a deterministic resolver shared by every runtime, and adapters that prove it across web, native and server.

  1. .rva
  2. binary container
  3. deterministic Rust core
  4. ResolvedScene
  5. WASM · C ABI · native
  6. web · mobile · server
  • Deterministic resolution — identical output for identical input
  • One shared core behind Rust, WASM and the C ABI
  • Cross-runtime conformance fixtures
  • Platform-independent layout semantics
  • A real adapter surface, not a mockup

Adapter surface

Web@rva/webReact@rva/reactVue@rva/vueSvelte@rva/svelteNode / server@rva/nodeReact Native@rva/react-nativeiOS / macOSSwiftAndroid@rva/kotlinFlutterrva_flutterC / C ABIlibrva_ffi

The RVA ecosystem

A coherent technology, not a single app.

RVA is a set of interoperating pieces — a core, tools, SDKs and a specification — held together by cross-runtime conformance.

RVA Core

A deterministic resolution engine: parse, validate, select a topology, resolve geometry.

RVA Studio

The professional authoring environment for scenes, topologies, targets and export.

RVA Viewer

A lightweight viewer to inspect any .rva and watch it recompose as you resize.

SDKs

Web, native and server integration over one shared core and one primitive surface.

Specification

A portable container and model: structured scenes, topologies and semantics.

Conformance

Cross-runtime fixtures that hold Rust, WASM and the C ABI to identical output.

CTA Regions

Resolved geometry. Host-owned behavior.

A CTA Region is semantic geometry: RVA resolves where it is for every viewport and exposes a stable id. Your application maps that id to an action — no scripts or behavior live in the asset.

creative.rva
shop-now
learn-more

Two labelled regions. Behavior is supplied by the host, not embedded in the file.

host binding
// Web family
el.ctaHandlers = {
  "shop-now":    () => go("/product"),
  "learn-more":  () => go("/details"),
};

// Any host: resolve, then bind the ids it wants
scene.ctaRegions
  .filter((region) => region.visible)
  .forEach((region) => bind(region.id, region.normalizedBounds));

Open technology

Designed to be open.

RVA is open technology: a published specification, an MIT-licensed core and runtime ecosystem, conformance fixtures and examples — all in one public repository.

Specification

The portable container and structured scene model, versioned with the code.

Read the spec

Core & runtimes

The deterministic resolver and its runtime families (Rust · WASM · C ABI).

Browse the core

Adapters

Web, native and server bindings over one core, with a shared contract.

See adapters

Conformance

Cross-runtime fixtures that keep resolved output identical everywhere.

View fixtures

RVA was created by Airovo Technologies.

Examples

One creative. Every shape.

The same asset in each category, recomposed across aspect ratios by the same engine. Notice the subject, headline and call-to-action hold their intent as the frame changes.

Product campaign

Product, headline and CTA relocate; decoration degrades first.

Advertising
Product campaign at 16:9
16:9
Product campaign at 1:1
1:1
Product campaign at 4:5
4:5
Product campaign at 9:16
9:16

Fashion / lifestyle

A protected focal subject survives every crop.

Editorial
Fashion / lifestyle at 16:9
16:9
Fashion / lifestyle at 1:1
1:1
Fashion / lifestyle at 4:5
4:5
Fashion / lifestyle at 9:16
9:16

App launch

Composes across wide banners, squares and tall stories.

App promotion
App launch at 16:9
16:9
App launch at 1:1
1:1
App launch at 4:5
4:5
App launch at 9:16
9:16
Browse examples

RVA was built by Airovo

Original technology, engineered end to end.

Airovo is a technology engineering company. We create original software technologies and collaborate with companies to turn ambitious ideas and emerging technologies into real products.

01

Create

Original technologies and products, from first principles.

02

Engineer

Complex software systems, architecture through production.

03

Collaborate

Alongside technology companies, agencies and enterprises.

Build with Airovo Visit Airovo Technologies

Building something technically ambitious?

Build it with the engineering team behind RVA.

Build with Airovo Explore Airovo