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

# Wireframe Iphone 3 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="63bf8113f7d4aa9c-2" value="LOGO" style="verticalLabelPosition=middle;shadow=0;dashed=0;align=center;html=1;verticalAlign=middle;strokeWidth=1;shape=mxgraph.mockup.graphics.simpleIcon;strokeColor=#999999;fillColor=#ffffff;rounded=0;comic=0;labelBackgroundColor=none;fontFamily=Verdana;fontSize=20;fontColor=#808080;labelPosition=center;" parent="1" vertex="1">
      <mxGeometry x="143" y="187" width="174" height="165" as="geometry"/>
    </mxCell>
    <mxCell id="63bf8113f7d4aa9c-3" value="Login with Facebook" style="whiteSpace=wrap;html=1;rounded=1;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#B3B3B3;strokeWidth=1;fillColor=#B3B3B3;fontFamily=Verdana;fontSize=8;fontColor=#FFFFFF;align=center;arcSize=50;" parent="1" vertex="1">
      <mxGeometry x="170" y="370" width="120" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="63bf8113f7d4aa9c-4" value="Sign up with Email" style="whiteSpace=wrap;html=1;rounded=1;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#B3B3B3;strokeWidth=1;fillColor=#FFFFFF;fontFamily=Verdana;fontSize=8;fontColor=#808080;align=center;arcSize=50;" parent="1" vertex="1">
      <mxGeometry x="170" y="400" width="120" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="63bf8113f7d4aa9c-5" value="I already have an account" style="text;html=1;resizable=0;points=[];autosize=1;align=center;verticalAlign=top;spacingTop=-4;fontSize=8;fontFamily=Verdana;fontColor=#808080;" parent="1" vertex="1">
      <mxGeometry x="170" y="430" width="120" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="63bf8113f7d4aa9c-6" value="Some lorem ipsum text describing the features" style="text;html=1;align=center;verticalAlign=top;spacingTop=-4;fontSize=8;fontFamily=Verdana;fontColor=#808080;whiteSpace=wrap;" parent="1" vertex="1">
      <mxGeometry x="160" y="310" width="140" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="63bf8113f7d4aa9c-7" value="" style="html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.ios7ui.pageControl;fillColor=#222222;strokeColor=#aaaaaa;rounded=1;comic=0;fontFamily=Verdana;fontSize=8;fontColor=#808080;align=center;" parent="1" vertex="1">
      <mxGeometry x="205" y="340" width="50" height="5" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```