---
title: "Wireframe 5 Diagram"
description: "A diagram diagram template"
category: "templates/layout"
type: "diagram"
source_file: "templates/layout/wireframe_5_decoded.xml"
tags: ["ui", "template", "design", "layout", "wireframe", "drawio"]
---

# Wireframe 5 Diagram

A diagram diagram template

## XML Source

```xml
<?xml version="1.0" ?>
<mxGraphModel dx="1408" dy="544" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1100" pageHeight="850" background="none" math="0" shadow="0">
  <root>
    <mxCell id="0"/>
    <mxCell id="1" parent="0"/>
    <mxCell id="6883c78ba83e8ac1-1" value="" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=1;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=left;" parent="1" vertex="1">
      <mxGeometry x="190" y="60" width="630" height="880" as="geometry"/>
    </mxCell>
    <mxCell id="6883c78ba83e8ac1-2" value="My App" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=1;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=21;fontColor=#000000;align=left;spacing=10;" parent="1" vertex="1">
      <mxGeometry x="210" y="80" width="590" height="80" as="geometry"/>
    </mxCell>
    <mxCell id="6883c78ba83e8ac1-3" value="Sign Up" style="text;html=1;align=left;verticalAlign=top;spacingTop=-4;fontSize=12;fontFamily=Verdana;fontColor=#000000;fontStyle=4" parent="1" vertex="1">
      <mxGeometry x="670" y="94" width="67" height="26" as="geometry"/>
    </mxCell>
    <mxCell id="6883c78ba83e8ac1-4" value="Login" style="text;html=1;align=left;verticalAlign=top;spacingTop=-4;fontSize=12;fontFamily=Verdana;fontColor=#000000;fontStyle=4" parent="1" vertex="1">
      <mxGeometry x="750" y="94" width="50" height="26" as="geometry"/>
    </mxCell>
    <mxCell id="6883c78ba83e8ac1-5" value="" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=1;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=21;fontColor=#000000;align=left;spacing=10;" parent="1" vertex="1">
      <mxGeometry x="210" y="180" width="590" height="180" as="geometry"/>
    </mxCell>
    <mxCell id="6883c78ba83e8ac1-6" value="Heading 1" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=1;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=center;fontStyle=1;verticalAlign=top;" parent="1" vertex="1">
      <mxGeometry x="210" y="380" width="270" height="140" as="geometry"/>
    </mxCell>
    <mxCell id="6883c78ba83e8ac1-7" value="Heading 2" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=1;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=center;fontStyle=1;verticalAlign=top;" parent="1" vertex="1">
      <mxGeometry x="530" y="380" width="270" height="140" as="geometry"/>
    </mxCell>
    <mxCell id="6883c78ba83e8ac1-8" value="Heading 3" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=1;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=center;fontStyle=1;verticalAlign=top;" parent="1" vertex="1">
      <mxGeometry x="210" y="540" width="270" height="140" as="geometry"/>
    </mxCell>
    <mxCell id="6883c78ba83e8ac1-9" value="Heading 4" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=1;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=center;fontStyle=1;verticalAlign=top;" parent="1" vertex="1">
      <mxGeometry x="530" y="540" width="270" height="140" as="geometry"/>
    </mxCell>
    <mxCell id="6883c78ba83e8ac1-10" value="Footer" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=1;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=center;fontStyle=1;verticalAlign=middle;" parent="1" vertex="1">
      <mxGeometry x="210" y="850" width="590" height="70" as="geometry"/>
    </mxCell>
    <mxCell id="6883c78ba83e8ac1-11" value="Heading 5" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=1;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=center;fontStyle=1;verticalAlign=top;" parent="1" vertex="1">
      <mxGeometry x="210" y="700" width="270" height="140" as="geometry"/>
    </mxCell>
    <mxCell id="6883c78ba83e8ac1-12" value="Heading 6" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=1;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=center;fontStyle=1;verticalAlign=top;" parent="1" vertex="1">
      <mxGeometry x="530" y="700" width="270" height="140" as="geometry"/>
    </mxCell>
    <mxCell id="6883c78ba83e8ac1-13" value="" style="verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.simpleIcon;strokeColor=#999999;fillColor=#ffffff;rounded=0;comic=1;labelBackgroundColor=none;fontFamily=Verdana;fontSize=12;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="220" y="190" width="170" height="160" as="geometry"/>
    </mxCell>
    <mxCell id="6883c78ba83e8ac1-14" value="Tagline" style="text;html=1;resizable=0;points=[];autosize=1;align=left;verticalAlign=top;spacingTop=-4;fontSize=20;fontFamily=Verdana;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="570" y="200" width="60" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="6883c78ba83e8ac1-15" value="- Feature 1" style="text;html=1;resizable=0;points=[];autosize=1;align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="430" y="250" width="90" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="6883c78ba83e8ac1-16" value="- Feature 2" style="text;html=1;resizable=0;points=[];autosize=1;align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="430" y="273" width="90" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="6883c78ba83e8ac1-17" value="- Feature 3" style="text;html=1;resizable=0;points=[];autosize=1;align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="430" y="297" width="90" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="6883c78ba83e8ac1-18" value="- Feature 4" style="text;html=1;resizable=0;points=[];autosize=1;align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="430" y="320" width="90" height="20" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```