Layout Pattern

Architecture Stack

Layered diagram of a system from foundation to user-facing. Classic for tech stacks and capability layers.

ArchitectureLayersSystem

How to Use It

Stack diagrams show dependency order - the bottom supports everything above it. 4-6 horizontal layers work best (infrastructure, data, services, UI, experience). Label each layer clearly, use consistent heights. Add icons or logos per layer for the specific technologies or components. Works for software architecture, but also for capability stacks, strategy stacks (Mission, Strategy, OKRs, Projects), and org stacks.

Content Zones

TitleSlide title

BodyPrimary content

OPF Config

layouts:architecture-stack

Open Presentation Format

{
  "$schema": "https://pptx.dev/schema/opf/v1",
  "version": "1.0",
  "meta": {
    "title": "PPTX.gallery — layouts/architecture-stack"
  },
  "design": {},
  "slides": [
    {
      "id": "gallery-preview-1",
      "layout": "architecture-stack",
      "elements": []
    }
  ]
}

Open in OPF Playground

Preview this config live at pptx.dev/playground.

View registry.json