---
title: "Google Wireframe Wireframe"
description: "A user interface wireframe showing layout and structure"
category: "templates/layout"
type: "wireframe"
source_file: "templates/layout/google_wireframe_decoded.xml"
tags: ["ui", "template", "design", "layout", "wireframe", "drawio"]
---

# Google Wireframe Wireframe

A user interface wireframe showing layout and structure

## 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="826" pageHeight="1169" background="none" math="0" shadow="0">
  <root>
    <mxCell id="0"/>
    <mxCell id="1" parent="0"/>
    <mxCell id="2" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;" parent="1" vertex="1">
      <mxGeometry x="20" y="20" width="110" height="40" as="geometry"/>
    </mxCell>
    <mxCell id="3" value="mxGraph" style="strokeWidth=1;shape=mxgraph.mockup.forms.searchBox;strokeColor=#999999;mainText=;strokeColor2=#008cff;fontColor=#666666;fontSize=12;align=left;spacingLeft=3;" parent="1" vertex="1">
      <mxGeometry x="140" y="32.534722222222236" width="240" height="17.465277777777764" as="geometry"/>
    </mxCell>
    <mxCell id="4" value="+User" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="575" y="33.7326388888893" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="6" value="Web" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="70" y="69.99999999999994" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="7" value="Images" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="120" y="70" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="8" value="Maps" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="179.9999999999999" y="70.00000000000006" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="9" value="Shopping" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="219.99999999999991" y="70" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="10" value="More" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="289.9999999999999" y="70.00000000000006" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="11" value="Search Tools" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="339.99999999999983" y="70" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="12" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="614.9999999999999" y="32.53472222222244" width="20.000000000000114" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="13" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="664.9999999999999" y="32.53472222222238" width="20.000000000000114" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="14" value="Share" style="rounded=1;whiteSpace=wrap;strokeColor=#CCCCCC;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="695" y="33.802083333333584" width="49.999999999999886" height="20.000000000000114" as="geometry"/>
    </mxCell>
    <mxCell id="15" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;" parent="1" vertex="1">
      <mxGeometry x="759.9999999999998" y="22.53472222222244" width="40.00000000000023" height="37.46527777777756" as="geometry"/>
    </mxCell>
    <mxCell id="16" value="user&#10; avatar" style="text;spacingTop=-5;align=center;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="759.9999999999995" y="23.802083333333645" width="40" height="20.000000000000004" as="geometry"/>
    </mxCell>
    <mxCell id="17" value="" style="whiteSpace=wrap;strokeColor=#CCCCCC" parent="1" vertex="1">
      <mxGeometry x="660.5555555555557" y="69.99999999999983" width="25" height="30.000000000000043" as="geometry"/>
    </mxCell>
    <mxCell id="18" value="" style="shape=actor;whiteSpace=wrap;strokeColor=none;fillColor=#CCCCCC" parent="1" vertex="1">
      <mxGeometry x="663.0555555555558" y="79.99999999999997" width="20" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="19" value="private" style="text;spacingTop=-5;align=center;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="625.0000000000001" y="99.99999999999991" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="20" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;" parent="1" vertex="1">
      <mxGeometry x="685.5555555555558" y="70.00000000000007" width="24.999999999999886" height="29.9999999999998" as="geometry"/>
    </mxCell>
    <mxCell id="21" value="public" style="text;spacingTop=-5;align=center;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="665.0000000000001" y="100.00000000000003" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="22" value="" style="rounded=1;whiteSpace=wrap;strokeColor=#CCCCCC" parent="1" vertex="1">
      <mxGeometry x="730.5555555555557" y="70.10030864197539" width="67.45949074074065" height="29.899691358024484" as="geometry"/>
    </mxCell>
    <mxCell id="23" value="" style="verticalLabelPosition=bottom;strokeWidth=2;strokeColor=#999999;fillColor=#CCCCCC;shape=mxgraph.ios7.icons.settings;" parent="1" vertex="1">
      <mxGeometry x="754.2853009259261" y="75.0501543209876" width="20" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="24" value="About # results (# seconds)" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="70.00000000000006" y="90.10030864197556" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="25" value="Name of result 1" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="70.00000000000011" y="130.00000000000003" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="26" value="www.result1.com/index.php" style="text;spacingTop=-5;fontStyle=4" parent="1" vertex="1">
      <mxGeometry x="70.00000000000006" y="149.99999999999997" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="27" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." style="text;spacingTop=-5;whiteSpace=wrap;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="70.00000000000011" y="170" width="489.9999999999999" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="28" value="Link1" style="text;spacingTop=-5;fontStyle=4;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="70.00000000000006" y="219.99999999999997" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="29" value="Link2" style="text;spacingTop=-5;fontStyle=4;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="120.00000000000006" y="219.99999999999997" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="30" value="Link3" style="text;spacingTop=-5;fontStyle=4;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="170.00000000000006" y="219.99999999999997" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="31" value="Name of result 2" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="70.00000000000026" y="250" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="32" value="www.result2.com/index.php" style="text;spacingTop=-5;fontStyle=4" parent="1" vertex="1">
      <mxGeometry x="70.0000000000002" y="270" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="33" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." style="text;spacingTop=-5;whiteSpace=wrap;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="70.00000000000026" y="290" width="489.9999999999999" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="37" value="Name of result 3" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="70.00000000000026" y="345" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="38" value="www.result3.com/index.php" style="text;spacingTop=-5;fontStyle=4" parent="1" vertex="1">
      <mxGeometry x="70.0000000000002" y="365" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="39" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." style="text;spacingTop=-5;whiteSpace=wrap;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="70.00000000000026" y="385" width="489.9999999999999" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="40" value="Name of result 4" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="70.00000000000026" y="435.0000000000001" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="41" value="www.result4com/index.php" style="text;spacingTop=-5;fontStyle=4" parent="1" vertex="1">
      <mxGeometry x="70.0000000000002" y="455.0000000000001" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="42" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." style="text;spacingTop=-5;whiteSpace=wrap;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="70.00000000000026" y="475.0000000000001" width="489.9999999999999" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="43" value="Name of result 5" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="70.00000000000026" y="530.0000000000003" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="44" value="www.result5.com/index.php" style="text;spacingTop=-5;fontStyle=4" parent="1" vertex="1">
      <mxGeometry x="70.0000000000002" y="550.0000000000003" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="45" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." style="text;spacingTop=-5;whiteSpace=wrap;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="70.00000000000026" y="570.0000000000003" width="489.9999999999999" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="46" value="Name of result 6" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="75.00000000000003" y="620.0000000000007" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="47" value="www.result6.com/index.php" style="text;spacingTop=-5;fontStyle=4" parent="1" vertex="1">
      <mxGeometry x="74.99999999999997" y="640.0000000000007" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="48" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." style="text;spacingTop=-5;whiteSpace=wrap;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="75.00000000000003" y="660.0000000000007" width="489.9999999999999" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="49" value="Name of result 7" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="75.00000000000003" y="715.0000000000007" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="50" value="www.result7.com/index.php" style="text;spacingTop=-5;fontStyle=4" parent="1" vertex="1">
      <mxGeometry x="74.99999999999997" y="735.0000000000007" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="51" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." style="text;spacingTop=-5;whiteSpace=wrap;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="75.00000000000003" y="755.0000000000007" width="489.9999999999999" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="52" value="Name of result 8" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="75.00000000000003" y="805.0000000000008" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="53" value="www.result8.com/index.php" style="text;spacingTop=-5;fontStyle=4" parent="1" vertex="1">
      <mxGeometry x="74.99999999999997" y="825.0000000000008" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="54" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." style="text;spacingTop=-5;whiteSpace=wrap;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="75.00000000000003" y="845.0000000000008" width="489.9999999999999" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="55" value="Name of result 9" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="75.00000000000003" y="900.000000000001" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="56" value="www.result9.com/index.php" style="text;spacingTop=-5;fontStyle=4" parent="1" vertex="1">
      <mxGeometry x="74.99999999999997" y="920.000000000001" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="57" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." style="text;spacingTop=-5;whiteSpace=wrap;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="75.00000000000003" y="940.000000000001" width="489.9999999999999" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="58" value="Name of result 10" style="text;spacingTop=-5;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="75.00000000000011" y="990.0000000000011" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="59" value="www.result10.com/index.php" style="text;spacingTop=-5;fontStyle=4" parent="1" vertex="1">
      <mxGeometry x="75.00000000000006" y="1010.0000000000011" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="60" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." style="text;spacingTop=-5;whiteSpace=wrap;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="75.00000000000011" y="1030.0000000000011" width="489.9999999999999" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="61" value="Searches related to mxGraph" style="text;spacingTop=-5;whiteSpace=wrap;fontStyle=1;fontSize=10" parent="1" vertex="1">
      <mxGeometry x="75" y="1080.0000000000011" width="175" height="19.999999999998863" as="geometry"/>
    </mxCell>
    <mxCell id="62" value="mxGraph documentation" style="text;spacingTop=-5;whiteSpace=wrap;fontSize=10" parent="1" vertex="1">
      <mxGeometry x="76.94444444444451" y="1090" width="175" height="19.999999999998863" as="geometry"/>
    </mxCell>
    <mxCell id="63" value="mxGraph license" style="text;spacingTop=-5;whiteSpace=wrap;fontSize=10" parent="1" vertex="1">
      <mxGeometry x="76.94444444444446" y="1103.0555555555557" width="175" height="19.999999999998863" as="geometry"/>
    </mxCell>
    <mxCell id="64" value="mxGraph forum" style="text;spacingTop=-5;whiteSpace=wrap;fontSize=10" parent="1" vertex="1">
      <mxGeometry x="254.4444444444441" y="1090" width="175" height="19.999999999998863" as="geometry"/>
    </mxCell>
    <mxCell id="65" value="mxGraph api" style="text;spacingTop=-5;whiteSpace=wrap;fontSize=10" parent="1" vertex="1">
      <mxGeometry x="254.44444444444403" y="1103.0555555555557" width="175" height="19.999999999998863" as="geometry"/>
    </mxCell>
    <mxCell id="66" value="1 2 3 4 5 6 7 8 9 10" style="text;spacingTop=-5;align=center" parent="1" vertex="1">
      <mxGeometry x="228.88888888888889" y="1125.0000000000002" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="67" value="Next" style="text;spacingTop=-5;align=center;fontStyle=4" parent="1" vertex="1">
      <mxGeometry x="351.11111111111103" y="1126.1111111111113" width="48.88888888888897" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="68" value="Logo" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="22.129629629629626" y="22.12962962962957" width="107.87037037037038" height="37.87037037037043" as="geometry"/>
    </mxCell>
    <mxCell id="69" value="" style="line;strokeWidth=1;strokeColor=#CCCCCC" parent="1" vertex="1">
      <mxGeometry x="20" y="60" width="780" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="70" value="apps" style="text;spacingTop=-5;align=center;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="583.0555555555559" y="12.12962962962958" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="71" value="notifications" style="text;spacingTop=-5;align=center;fontColor=#999999" parent="1" vertex="1">
      <mxGeometry x="639.9999999999999" y="12.534722222222456" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="72" value="" style="line;strokeWidth=1;strokeColor=#CCCCCC" parent="1" vertex="1">
      <mxGeometry x="19.999999999999936" y="114.99999999999997" width="780" height="10" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```