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

# Wireframe Iphone 2 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="1a1c8f59575f8af5-2" value="" style="html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.ios7.misc.iphone;fillColor=#ffffff;strokeColor=#c0c0c0;rounded=0;comic=0;fontFamily=Verdana;fontSize=13;fontColor=#000000;align=left;" parent="1" vertex="1">
      <mxGeometry x="130" y="110" width="200" height="400" as="geometry"/>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-3" value="" style="html=1;strokeWidth=1;shadow=0;dashed=0;shape=mxgraph.ios7ui.appBar;fillColor=#ffffff;gradientColor=none;rounded=0;comic=0;labelBackgroundColor=none;fontFamily=Verdana;fontSize=13;fontColor=#000000;align=left;" parent="1" vertex="1">
      <mxGeometry x="143" y="171" width="174" height="15" as="geometry"/>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-4" value="CARRIER" style="shape=rect;align=left;fontSize=8;spacingLeft=24;fontSize=4;fontColor=#aaaaaa;strokeColor=none;fillColor=none;spacingTop=4;" parent="1a1c8f59575f8af5-3" vertex="1">
      <mxGeometry y="0.5" width="50" height="13" relative="1" as="geometry">
        <mxPoint y="-6.5" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-5" value="11:55PM" style="shape=rect;fontSize=8;fontColor=#aaaaaa;strokeColor=none;fillColor=none;spacingTop=4;" parent="1a1c8f59575f8af5-3" vertex="1">
      <mxGeometry x="0.5" y="0.5" width="50" height="13" relative="1" as="geometry">
        <mxPoint x="-30" y="-6.5" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-6" value="98%" style="shape=rect;align=right;fontSize=8;spacingRight=19;fontSize=6;fontColor=#aaaaaa;strokeColor=none;fillColor=none;spacingTop=4;" parent="1a1c8f59575f8af5-3" vertex="1">
      <mxGeometry x="1" y="0.5" width="45" height="13" relative="1" as="geometry">
        <mxPoint x="-45" y="-6.5" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-7" value="" style="shape=rect;strokeColor=none;fillColor=#ffffff;gradientColor=none;shadow=0;rounded=0;comic=0;labelBackgroundColor=none;fontFamily=Verdana;fontSize=13;fontColor=#000000;align=left;html=1;" parent="1" vertex="1">
      <mxGeometry x="149" y="200" width="164" height="120" as="geometry"/>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-8" value="VISION" style="shape=rect;strokeColor=none;fontSize=10;fontColor=#808080;resizeWidth=1;align=left;spacingLeft=5;spacingTop=2;fillColor=#E6E6E6;" parent="1a1c8f59575f8af5-7" vertex="1">
      <mxGeometry width="164" height="20" relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-11" value="VoiceOver" style="shape=rect;strokeColor=none;fontSize=10;fontColor=#808080;resizeWidth=1;align=left;spacingLeft=5;spacingTop=2;fillColor=#FFFFFF;" parent="1a1c8f59575f8af5-7" vertex="1">
      <mxGeometry width="164" height="20" relative="1" as="geometry">
        <mxPoint y="20" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-13" value="" style="shape=mxgraph.ios7.misc.right;strokeColor=#666666;" parent="1a1c8f59575f8af5-11" vertex="1">
      <mxGeometry x="1" y="0.5" width="5" height="10" relative="1" as="geometry">
        <mxPoint x="-15" y="-5" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-47" value="off" style="text;html=1;resizable=0;points=[];autosize=1;align=left;verticalAlign=top;spacingTop=-4;fontSize=10;fontFamily=Verdana;fontColor=#808080;" parent="1a1c8f59575f8af5-11" vertex="1">
      <mxGeometry x="121" width="30" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-14" value="Zoom" style="shape=rect;strokeColor=none;fontSize=10;fontColor=#808080;resizeWidth=1;align=left;spacingLeft=5;spacingTop=2;fillColor=#FFFFFF;" parent="1a1c8f59575f8af5-7" vertex="1">
      <mxGeometry width="164" height="20" relative="1" as="geometry">
        <mxPoint y="40" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-16" value="" style="shape=mxgraph.ios7.misc.right;strokeColor=#666666;" parent="1a1c8f59575f8af5-14" vertex="1">
      <mxGeometry x="1" y="0.5" width="5" height="10" relative="1" as="geometry">
        <mxPoint x="-15" y="-5" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-17" value="Invert Colors" style="shape=rect;strokeColor=none;fontSize=10;fontColor=#808080;resizeWidth=1;align=left;spacingLeft=5;spacingTop=2;fillColor=#FFFFFF;" parent="1a1c8f59575f8af5-7" vertex="1">
      <mxGeometry width="164" height="20" relative="1" as="geometry">
        <mxPoint y="60" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-20" value="Grayscale" style="shape=rect;strokeColor=none;fontSize=10;fontColor=#808080;resizeWidth=1;align=left;spacingLeft=5;spacingTop=2;fillColor=#FFFFFF;" parent="1a1c8f59575f8af5-7" vertex="1">
      <mxGeometry width="164" height="20" relative="1" as="geometry">
        <mxPoint y="80" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-23" value="Speech" style="shape=rect;strokeColor=none;fontSize=10;fontColor=#808080;resizeWidth=1;align=left;spacingLeft=5;spacingTop=2;fillColor=#FFFFFF;" parent="1a1c8f59575f8af5-7" vertex="1">
      <mxGeometry width="164" height="20" relative="1" as="geometry">
        <mxPoint y="100" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-25" value="" style="shape=mxgraph.ios7.misc.right;strokeColor=#666666;" parent="1a1c8f59575f8af5-23" vertex="1">
      <mxGeometry x="1" y="0.5" width="5" height="10" relative="1" as="geometry">
        <mxPoint x="-15" y="-5" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-46" value="" style="html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.ios7ui.onOffButton;buttonState=on;strokeColor=#B3B3B3;strokeColor2=#aaaaaa;fillColor=#B3B3B3;fillColor2=#ffffff;rounded=0;comic=0;fontFamily=Verdana;fontSize=13;fontColor=#000000;align=left;" parent="1a1c8f59575f8af5-7" vertex="1">
      <mxGeometry x="130" y="64" width="26" height="12" as="geometry"/>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-26" value="" style="shape=rect;strokeColor=none;fillColor=#ffffff;gradientColor=none;shadow=0;rounded=0;comic=0;labelBackgroundColor=none;fontFamily=Verdana;fontSize=13;fontColor=#000000;align=left;html=1;" parent="1" vertex="1">
      <mxGeometry x="149" y="320" width="164" height="120" as="geometry"/>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-27" value="" style="shape=rect;strokeColor=none;fontSize=10;fontColor=#000000;resizeWidth=1;align=left;spacingLeft=25;spacingTop=2;fillColor=#E6E6E6;" parent="1a1c8f59575f8af5-26" vertex="1">
      <mxGeometry width="164" height="20" relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-30" value="LargeText" style="shape=rect;strokeColor=none;fontSize=10;fontColor=#808080;resizeWidth=1;align=left;spacingLeft=5;spacingTop=2;fillColor=#FFFFFF;" parent="1a1c8f59575f8af5-26" vertex="1">
      <mxGeometry width="164" height="20" relative="1" as="geometry">
        <mxPoint y="20" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-32" value="" style="shape=mxgraph.ios7.misc.right;strokeColor=#666666;" parent="1a1c8f59575f8af5-30" vertex="1">
      <mxGeometry x="1" y="0.5" width="5" height="10" relative="1" as="geometry">
        <mxPoint x="-15" y="-5" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-50" value="off" style="text;html=1;resizable=0;points=[];autosize=1;align=left;verticalAlign=top;spacingTop=-4;fontSize=10;fontFamily=Verdana;fontColor=#808080;" parent="1a1c8f59575f8af5-30" vertex="1">
      <mxGeometry x="121" width="30" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-33" value="Bold Text" style="shape=rect;strokeColor=none;fontSize=10;fontColor=#808080;resizeWidth=1;align=left;spacingLeft=5;spacingTop=2;fillColor=#FFFFFF;" parent="1a1c8f59575f8af5-26" vertex="1">
      <mxGeometry width="164" height="20" relative="1" as="geometry">
        <mxPoint y="40" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-36" value="Button Shapes" style="shape=rect;strokeColor=none;fontSize=10;fontColor=#808080;resizeWidth=1;align=left;spacingLeft=5;spacingTop=2;fillColor=#FFFFFF;" parent="1a1c8f59575f8af5-26" vertex="1">
      <mxGeometry width="164" height="20" relative="1" as="geometry">
        <mxPoint y="60" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-52" value="" style="html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.ios7ui.onOffButton;buttonState=on;strokeColor=#B3B3B3;strokeColor2=#aaaaaa;fillColor=#B3B3B3;fillColor2=#ffffff;rounded=0;comic=0;fontFamily=Verdana;fontSize=13;fontColor=#000000;align=left;" parent="1a1c8f59575f8af5-36" vertex="1">
      <mxGeometry x="131" y="4" width="26" height="12" as="geometry"/>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-39" value="Label" style="shape=rect;strokeColor=none;fontSize=10;fontColor=#808080;resizeWidth=1;align=left;spacingLeft=5;spacingTop=2;fillColor=#FFFFFF;" parent="1a1c8f59575f8af5-26" vertex="1">
      <mxGeometry width="164" height="20" relative="1" as="geometry">
        <mxPoint y="80" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-42" value="Label" style="shape=rect;strokeColor=none;fontSize=10;fontColor=#808080;resizeWidth=1;align=left;spacingLeft=5;spacingTop=2;fillColor=#FFFFFF;" parent="1a1c8f59575f8af5-26" vertex="1">
      <mxGeometry width="164" height="20" relative="1" as="geometry">
        <mxPoint y="100" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-44" value="" style="shape=mxgraph.ios7.misc.right;strokeColor=#666666;" parent="1a1c8f59575f8af5-42" vertex="1">
      <mxGeometry x="1" y="0.5" width="5" height="10" relative="1" as="geometry">
        <mxPoint x="-15" y="-5" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-55" value="off" style="text;html=1;resizable=0;points=[];autosize=1;align=left;verticalAlign=top;spacingTop=-4;fontSize=10;fontFamily=Verdana;fontColor=#808080;" parent="1a1c8f59575f8af5-42" vertex="1">
      <mxGeometry x="121" width="30" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-53" value="" style="html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.ios7ui.onOffButton;buttonState=on;strokeColor=#B3B3B3;strokeColor2=#aaaaaa;fillColor=#B3B3B3;fillColor2=#ffffff;rounded=0;comic=0;fontFamily=Verdana;fontSize=13;fontColor=#000000;align=left;" parent="1a1c8f59575f8af5-26" vertex="1">
      <mxGeometry x="131" y="44" width="26" height="12" as="geometry"/>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-35" value="" style="shape=mxgraph.ios7.misc.right;strokeColor=#666666;" parent="1a1c8f59575f8af5-26" vertex="1">
      <mxGeometry x="1" y="0.5" width="5" height="10" relative="1" as="geometry">
        <mxPoint x="-15" y="25" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-54" value="off" style="text;html=1;resizable=0;points=[];autosize=1;align=left;verticalAlign=top;spacingTop=-4;fontSize=10;fontFamily=Verdana;fontColor=#808080;" parent="1a1c8f59575f8af5-26" vertex="1">
      <mxGeometry x="121" y="80" width="30" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-48" value="off" style="text;html=1;resizable=0;points=[];autosize=1;align=left;verticalAlign=top;spacingTop=-4;fontSize=10;fontFamily=Verdana;fontColor=#808080;" parent="1" vertex="1">
      <mxGeometry x="270" y="240" width="30" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="1a1c8f59575f8af5-49" value="" style="html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.ios7ui.onOffButton;buttonState=on;strokeColor=#B3B3B3;strokeColor2=#aaaaaa;fillColor=#B3B3B3;fillColor2=#ffffff;rounded=0;comic=0;fontFamily=Verdana;fontSize=13;fontColor=#000000;align=left;" parent="1" vertex="1">
      <mxGeometry x="279" y="284" width="26" height="12" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```