MADE BY PWR

STUDIES

Systems, drawn as objects.

Ten isometric scenes, each one a thing this studio actually sells: how a release reaches production, where a page sits in a ranking, what a checkout does with money. Same camera, same rig, same palette across all ten - what changes is the system being described.

These are entirely ours. No purchased models, no stock assets, no scans: every object in every scene is a box, a tube, a plane or a sphere, placed by code in this studio's own renderer. The mathematics, the lighting rig and the compositions are the work.

That also makes them cheap to change and impossible to fake. A scene is a file - swap a number and the camera moves, swap a series and the chart redraws. The same code runs live in a browser, which is what the canvas below is doing.

Client work is a separate thing and it is on the work page, described without pictures because the terms on those projects do not let us publish them.

Running in your browser right now - not a video and not a turntable of pre-rendered frames. Scroll moves the camera, the pointer turns the object. It loads only when you reach it, and not at all if your device or your settings say not to.

  1. An isometric scene: a server rack, a browser window and a phone on separate platforms, joined by a line of green light carrying packets.

    01

    Delivery

    Pipeline

    Source, build, live. The three places a project exists at once, and one line of light running the length of them - because the thing a client is actually buying is not any single box, it is the fact that they are connected.

    How it was made
    Orthographic camera, so parallel lines stay parallel. Every object is a box, a tube or a plane; the mood comes from emissive surfaces and a bloom pass rather than from modelling.
    Material
    Brushed slab, matte screens, emissive edge strips.
  2. An isometric scene: a stack of coin discs, a checkout screen and a phone, connected by an amber line of light.

    03

    Checkout

    Commerce

    Coins in on one side, a confirmed order out on the other, and the screen in the middle where a buyer decides. Money moving is the one flow where nothing is allowed to be ambiguous.

    How it was made
    Warm rim light instead of the set's usual cool one, so this scene reads differently at a glance while staying part of the same series.
    Material
    Stacked discs, amber light path, violet confirmation.
  3. An isometric scene: a tall stack of red bars on one platform and a short stack of mint bars on another, joined by a line of light.

    04

    Performance

    Engineering

    The same page twice. Red on the left is what it cost before; mint on the right is what it costs now. The bars are what changed, which is the point.

    How it was made
    Two identical rigs mirrored, so the comparison is structural rather than decorative - nothing about the framing flatters one side.
    Material
    Emissive bars with lit caps, on matched platforms.
  4. An isometric scene: a wireframe globe on a central platform with four smaller market platforms connected by coloured light.

    05

    Reach

    Growth

    One origin, four markets, each on its own island with its own working hours. The lines are the same length because distance is not the constraint - the overlap in the day is.

    How it was made
    A wireframe sphere rather than a textured globe: a map would promise data the scene does not have.
    Material
    Wireframe shell, four accent colours, one per market.
  5. An isometric scene: a grid of small component tiles on one platform, flowing as light into an assembled page on another.

    06

    Design system

    Design

    Components leaving the library and assembling into a page. A system is not a folder of files; it is the guarantee that the thing on the right is made of the things on the left.

    How it was made
    The tiles on the shelf and the blocks in the page are literally the same component at different scales, which is how this drawing is made.
    Material
    Six accent tiles, violet transfer path.
  6. An isometric scene: a dashboard screen beside a rising bar chart, with storage discs feeding it along a blue line.

    07

    Measurement

    Growth

    A dashboard with the numbers standing up off it. Figures lying flat on a screen are a report; figures with height are a decision, and the difference is the whole argument for measuring anything.

    How it was made
    Bars sized from a series rather than drawn to look good, so the shape of the chart is the shape of the data.
    Material
    Lit bar caps, storage discs, sky-blue read path.
  7. An isometric scene: a central hub screen with four service platforms around it, each connected by its own coloured line.

    08

    Integrations

    Engineering

    Four services, four shapes, one hub. Each one arrives on its own line in its own colour, because an integration that pretends everything is the same thing is the one that breaks quietly.

    How it was made
    Radial composition rather than the set's usual left-to-right, so the hub reads as a destination instead of a stage.
    Material
    Discs, rack, cloud and globe - one per service type.
  8. An isometric scene: four rising platforms with screens on them, connected by a green line of light, ending at a full-size page.

    09

    Release

    Pipeline

    A change climbing four steps from commit to live, each one higher than the last. Only the final screen is full size: everything before it is a gate, and gates are smaller than what they protect.

    How it was made
    Platform height carries the progression, so the sequence is legible without a single arrow or label.
    Material
    Rising slabs, one accent per stage, mint at the top.
  9. An isometric scene: a stack of brief forms flowing as amber light into a standing plan page with price bars beside it.

    10

    Scoping

    Process

    A brief on the left, a scoped and priced plan on the right. The bars beside the plan are the price: this studio publishes the number, so the number belongs in the picture.

    How it was made
    The forms lie flat and the plan stands up - the posture change is what carries 'this became a decision'.
    Material
    Stacked sheets, amber path, mint price bars.

The same renderer goes on your project

A scene built in code does what a stock illustration cannot: it carries your numbers, changes when they change, and can be handed to the browser to run live instead of shipped as a picture. Hero scenes, product configurators, data that moves. The price is published like everything else.

See every price What we can actually do Describe a project