1<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2<!-- Created with Inkscape (http://www.inkscape.org/) -->
3
4<svg
5   xmlns:dc="http://purl.org/dc/elements/1.1/"
6   xmlns:cc="http://creativecommons.org/ns#"
7   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
8   xmlns:svg="http://www.w3.org/2000/svg"
9   xmlns="http://www.w3.org/2000/svg"
10   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
11   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
12   width="765"
13   height="990"
14   id="svg2"
15   version="1.1"
16   inkscape:version="0.48.4 r9939"
17   sodipodi:docname="sa-DD5.svg">
18  <title
19     id="title2985">size,align,layout mockups</title>
20  <defs
21     id="defs4" />
22  <sodipodi:namedview
23     id="base"
24     pagecolor="#ffffff"
25     bordercolor="#666666"
26     borderopacity="1.0"
27     inkscape:pageopacity="0.0"
28     inkscape:pageshadow="2"
29     inkscape:zoom="2"
30     inkscape:cx="-37.16536"
31     inkscape:cy="575"
32     inkscape:document-units="mm"
33     inkscape:current-layer="layer1"
34     showgrid="false"
35     units="mm"
36     showguides="true"
37     inkscape:guide-bbox="true"
38     inkscape:window-width="1735"
39     inkscape:window-height="1371"
40     inkscape:window-x="1825"
41     inkscape:window-y="480"
42     inkscape:window-maximized="0">
43    <sodipodi:guide
44       orientation="0,1"
45       position="266.39665,974.32961"
46       id="guide2987" />
47    <sodipodi:guide
48       orientation="0,1"
49       position="291.28492,17.513966"
50       id="guide2989" />
51    <sodipodi:guide
52       orientation="1,0"
53       position="17.513966,836.98324"
54       id="guide2991" />
55    <sodipodi:guide
56       orientation="1,0"
57       position="743.88268,695.94972"
58       id="guide2993" />
59    <sodipodi:guide
60       orientation="0,1"
61       position="-204,886"
62       id="guide3003" />
63    <sodipodi:guide
64       orientation="0,1"
65       position="-199.5,871.5"
66       id="guide3005" />
67    <sodipodi:guide
68       orientation="0,1"
69       position="-186,857"
70       id="guide3007" />
71    <sodipodi:guide
72       orientation="0,1"
73       position="-111.5,843.5"
74       id="guide3009" />
75    <sodipodi:guide
76       orientation="0,1"
77       position="310.77343,584.77731"
78       id="guide3023" />
79    <sodipodi:guide
80       orientation="1,0"
81       position="177,546"
82       id="guide3423" />
83    <sodipodi:guide
84       orientation="1,0"
85       position="354,488"
86       id="guide3425" />
87    <sodipodi:guide
88       orientation="1,0"
89       position="531,414"
90       id="guide3427" />
91    <sodipodi:guide
92       orientation="0,1"
93       position="-46,177"
94       id="guide3489" />
95    <sodipodi:guide
96       orientation="0,1"
97       position="-163,354"
98       id="guide3491" />
99    <sodipodi:guide
100       orientation="0,1"
101       position="-169,531"
102       id="guide3493" />
103    <sodipodi:guide
104       orientation="-0.70710678,0.70710678"
105       position="-221,1118"
106       id="guide3495" />
107    <sodipodi:guide
108       orientation="0,1"
109       position="-126,709"
110       id="guide3497" />
111    <sodipodi:guide
112       orientation="0,1"
113       position="270.5,709"
114       id="guide4611" />
115    <sodipodi:guide
116       orientation="0,1"
117       position="312,690.5"
118       id="guide4616" />
119    <sodipodi:guide
120       orientation="0,1"
121       position="306.53079,620.13265"
122       id="guide4654" />
123    <sodipodi:guide
124       orientation="0,1"
125       position="289.56023,549.06842"
126       id="guide4656" />
127    <sodipodi:guide
128       orientation="0,1"
129       position="269.05413,513.35952"
130       id="guide4658" />
131    <sodipodi:guide
132       orientation="0,1"
133       position="291.68155,655.48799"
134       id="guide3226" />
135  </sodipodi:namedview>
136  <metadata
137     id="metadata7">
138    <rdf:RDF>
139      <cc:Work
140         rdf:about="">
141        <dc:format>image/svg+xml</dc:format>
142        <dc:type
143           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
144        <dc:title>size,align,layout mockups</dc:title>
145        <dc:date>2013-05-07</dc:date>
146      </cc:Work>
147    </rdf:RDF>
148  </metadata>
149  <g
150     inkscape:groupmode="layer"
151     id="layer3"
152     inkscape:label="box"
153     style="display:inline"
154     sodipodi:insensitive="true">
155    <rect
156       y="-316.52042"
157       x="-247.78026"
158       height="34.930607"
159       width="70.363678"
160       id="rect4502"
161       style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.625;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
162       transform="scale(-1,-1)" />
163    <rect
164       transform="scale(-1,-1)"
165       style="fill:#808080;fill-opacity:1;stroke:#808080;stroke-width:0.625;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
166       id="rect4628"
167       width="70.363678"
168       height="34.930607"
169       x="-247.78026"
170       y="-351.95349" />
171    <rect
172       y="-387.38657"
173       x="-247.78026"
174       height="34.930607"
175       width="70.363678"
176       id="rect4630"
177       style="fill:#808080;fill-opacity:1;stroke:#bfbfbf;stroke-width:0.62362206;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
178       transform="scale(-1,-1)" />
179  </g>
180  <g
181     inkscape:groupmode="layer"
182     id="layer2"
183     inkscape:label="line"
184     style="display:inline"
185     sodipodi:insensitive="true">
186    <path
187       style="fill:none;stroke:#000000;stroke-width:0.27582404;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
188       d="m 177.34868,246.06878 0,141.4311"
189       id="path4490"
190       inkscape:connector-curvature="0" />
191    <path
192       style="fill:none;stroke:#000000;stroke-width:0.27582404;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
193       d="m 212.79124,246.04342 0,141.4311"
194       id="path4492"
195       inkscape:connector-curvature="0" />
196    <path
197       inkscape:connector-curvature="0"
198       id="path4439"
199       d="m 248.23381,246.04342 0,141.4311"
200       style="fill:none;stroke:#000000;stroke-width:0.27582404;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
201    <path
202       inkscape:connector-curvature="0"
203       id="path3570"
204       d="m 141.89492,246.06878 0,141.4311"
205       style="fill:none;stroke:#000000;stroke-width:0.27582404;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
206  </g>
207  <g
208     inkscape:groupmode="layer"
209     id="layer4"
210     inkscape:label="line-guide"
211     style="display:none"
212     sodipodi:insensitive="true">
213    <g
214       style="display:inline"
215       id="g4580"
216       transform="translate(0,-44.362323)">
217      <path
218         style="fill:none;stroke:#000000;stroke-width:0.39051285;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
219         d="m 195.07715,271.33384 0,283.5749"
220         id="path4488"
221         inkscape:connector-curvature="0" />
222      <path
223         inkscape:connector-curvature="0"
224         id="path4435"
225         d="m 230.51022,271.33384 0,283.5749"
226         style="fill:none;stroke:#000000;stroke-width:0.39051285;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
227    </g>
228  </g>
229  <g
230     inkscape:label="text"
231     inkscape:groupmode="layer"
232     id="layer1"
233     transform="translate(0,-62.362323)"
234     style="display:inline">
235    <text
236       sodipodi:linespacing="123%"
237       id="text4512"
238       y="367.71878"
239       x="264.7392"
240       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123%;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
241       xml:space="preserve"><tspan
242         sodipodi:role="line"
243         id="tspan3069">Dd5</tspan></text>
244    <text
245       xml:space="preserve"
246       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
247       x="267.66888"
248       y="401.50049"
249       id="text4526"
250       sodipodi:linespacing="123%"><tspan
251         sodipodi:role="line"
252         id="tspan3071"
253         x="267.66888"
254         y="401.50049">D5v1</tspan></text>
255    <text
256       sodipodi:linespacing="123%"
257       id="text4568"
258       y="436.20883"
259       x="267.66888"
260       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
261       xml:space="preserve"><tspan
262         sodipodi:role="line"
263         id="tspan3073"
264         x="267.66888"
265         y="436.20883">D5v2</tspan></text>
266    <flowRoot
267       xml:space="preserve"
268       id="flowRoot3556"
269       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
270       transform="translate(0,60.362323)"><flowRegion
271         id="flowRegion3558"><rect
272           id="rect3560"
273           width="28.5"
274           height="3253"
275           x="84.5"
276           y="286.5"
277           style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;writing-mode:lr-tb;text-anchor:middle;font-family:Roboto;-inkscape-font-specification:Roboto Light" /></flowRegion><flowPara
278         id="flowPara3562" /></flowRoot>    <text
279       xml:space="preserve"
280       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
281       x="325.22058"
282       y="-191.44658"
283       id="text4494"
284       sodipodi:linespacing="123%"
285       transform="matrix(0,1,-1,0,0,0)"><tspan
286         sodipodi:role="line"
287         id="tspan4535"
288         x="325.22058"
289         y="-191.44658">SIZE</tspan></text>
290    <text
291       xml:space="preserve"
292       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
293       x="194.82812"
294       y="366.76904"
295       id="text4950"
296       sodipodi:linespacing="123%"><tspan
297         sodipodi:role="line"
298         x="194.82812"
299         y="366.76904"
300         id="tspan4952"><tspan
301           x="194.82812"
302           y="366.76904"
303           id="tspan4954">48</tspan></tspan></text>
304    <text
305       transform="matrix(0,1,-1,0,0,0)"
306       sodipodi:linespacing="123%"
307       id="text4574"
308       y="-226.39417"
309       x="321.07214"
310       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
311       xml:space="preserve"><tspan
312         sodipodi:role="line"
313         id="tspan4578"
314         x="321.07214"
315         y="-226.39417">ALIGN</tspan></text>
316    <text
317       xml:space="preserve"
318       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
319       x="232.15625"
320       y="366.76904"
321       id="text4944"
322       sodipodi:linespacing="123%"><tspan
323         sodipodi:role="line"
324         x="232.15625"
325         y="366.76904"
326         id="tspan4946"><tspan
327           x="232.15625"
328           y="366.76904"
329           id="tspan4948">8</tspan></tspan></text>
330    <text
331       xml:space="preserve"
332       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
333       x="194.82812"
334       y="400.76904"
335       id="text4938"
336       sodipodi:linespacing="123%"><tspan
337         sodipodi:role="line"
338         x="194.82812"
339         y="400.76904"
340         id="tspan4940"><tspan
341           x="194.82812"
342           y="400.76904"
343           id="tspan4942">32</tspan></tspan></text>
344    <text
345       xml:space="preserve"
346       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
347       x="232.15625"
348       y="400.76904"
349       id="text4932"
350       sodipodi:linespacing="123%"><tspan
351         sodipodi:role="line"
352         x="232.15625"
353         y="400.76904"
354         id="tspan4934"><tspan
355           x="232.15625"
356           y="400.76904"
357           id="tspan4936">8</tspan></tspan></text>
358    <text
359       xml:space="preserve"
360       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
361       x="194.82812"
362       y="436.76904"
363       id="text4926"
364       sodipodi:linespacing="123%"><tspan
365         sodipodi:role="line"
366         x="194.82812"
367         y="436.76904"
368         id="tspan4928"><tspan
369           x="194.82812"
370           y="436.76904"
371           id="tspan4930">32</tspan></tspan></text>
372    <text
373       xml:space="preserve"
374       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
375       x="232.15625"
376       y="436.76904"
377       id="text4920"
378       sodipodi:linespacing="123%"><tspan
379         sodipodi:role="line"
380         x="232.15625"
381         y="436.76904"
382         id="tspan4922"><tspan
383           x="232.15625"
384           y="436.76904"
385           id="tspan4924">8</tspan></tspan></text>
386    <text
387       xml:space="preserve"
388       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
389       x="159.39505"
390       y="436.76904"
391       id="text4914"
392       sodipodi:linespacing="123%"><tspan
393         sodipodi:role="line"
394         x="159.39505"
395         y="436.76904"
396         id="tspan4916"><tspan
397           x="159.39505"
398           y="436.76904"
399           id="tspan4918">16</tspan></tspan></text>
400    <text
401       xml:space="preserve"
402       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
403       x="160.72318"
404       y="401.33597"
405       id="text4908"
406       sodipodi:linespacing="123%"><tspan
407         sodipodi:role="line"
408         x="160.72318"
409         y="401.33597"
410         id="tspan4910"><tspan
411           x="160.72318"
412           y="401.33597"
413           id="tspan4912">0</tspan></tspan></text>
414    <text
415       transform="matrix(0,1,-1,0,0,0)"
416       sodipodi:linespacing="123%"
417       id="text3613"
418       y="-156.0135"
419       x="316.08582"
420       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
421       xml:space="preserve"><tspan
422         sodipodi:role="line"
423         id="tspan3617"
424         x="316.08582"
425         y="-156.0135">OFFSET</tspan></text>
426  </g>
427</svg>
428