Exploded axonometric · Diagram Design

App stack · Three layers, one product

Three layers pulled apart along one axis. The middle one carries the product, and the other two can be swapped.

App stack · Three layers, one product Exploded view of a three-layer app stack: data at the base, logic in the middle, interface on top, with logic as the focal layer. Datapostgres, object store Logicapi, workers, queue Interfaceweb app, mobile FOCAL LAYER Logic is where the product decisions live; the other two layers are swappable.

The headline

Logic is the layer that pays rent

Swapping the database is a migration. Swapping the interface is a redesign. Rewriting the logic is a different product, so that layer gets the accent.

Reading the explode

  • Bottom layer stays put
  • Equal gaps, one axis
  • Dashed lines trace the outer corners
  • Labels sit in one column

Why only three

A stack this small reads at a glance. Past five parts the explode gets tall and the labels crowd; split it into two figures.

app stack · exploded axonometric example · diagram design