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-D4v.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="52.83464"
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:guide
136       orientation="1,0"
137       position="160.5,709"
138       id="guide5172" />
139  </sodipodi:namedview>
140  <metadata
141     id="metadata7">
142    <rdf:RDF>
143      <cc:Work
144         rdf:about="">
145        <dc:format>image/svg+xml</dc:format>
146        <dc:type
147           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
148        <dc:title>size,align,layout mockups</dc:title>
149        <dc:date>2013-05-07</dc:date>
150      </cc:Work>
151    </rdf:RDF>
152  </metadata>
153  <g
154     inkscape:groupmode="layer"
155     id="layer3"
156     inkscape:label="box"
157     style="display:inline">
158    <rect
159       y="-316.52042"
160       x="-247.78026"
161       height="34.930607"
162       width="70.363678"
163       id="rect4502"
164       style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.625;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
165       transform="scale(-1,-1)" />
166    <rect
167       transform="scale(-1,-1)"
168       style="fill:#808080;fill-opacity:1;stroke:#808080;stroke-width:0.62500000000000000;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
169       id="rect4628"
170       width="70.363678"
171       height="34.930607"
172       x="-247.78026"
173       y="-351.95349" />
174    <rect
175       y="-387.38657"
176       x="-247.78026"
177       height="34.930607"
178       width="70.363678"
179       id="rect4630"
180       style="fill:#bfbfbf;fill-opacity:1;stroke:#bfbfbf;stroke-width:0.62362205000000004;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
181       transform="scale(-1,-1)" />
182    <rect
183       y="-422.81964"
184       x="-247.78026"
185       height="34.930607"
186       width="70.363678"
187       id="rect3858"
188       style="fill:#bfbfbf;fill-opacity:1;stroke:#bfbfbf;stroke-width:0.625;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
189       transform="scale(-1,-1)" />
190  </g>
191  <g
192     inkscape:groupmode="layer"
193     id="layer2"
194     inkscape:label="line"
195     style="display:inline">
196    <path
197       style="fill:none;stroke:#000000;stroke-width:0.3083652;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
198       d="m 177.3541,246.0914 0,176.82528"
199       id="path4490"
200       inkscape:connector-curvature="0" />
201    <path
202       style="fill:none;stroke:#000000;stroke-width:0.3083652;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
203       d="m 212.78582,246.05969 0,176.82528"
204       id="path4492"
205       inkscape:connector-curvature="0" />
206    <path
207       inkscape:connector-curvature="0"
208       id="path4439"
209       d="m 248.21754,246.05969 0,176.82528"
210       style="fill:none;stroke:#000000;stroke-width:0.3083652;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
211    <path
212       inkscape:connector-curvature="0"
213       id="path3570"
214       d="m 141.91119,246.0914 0,176.82528"
215       style="fill:none;stroke:#000000;stroke-width:0.3083652;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
216  </g>
217  <g
218     inkscape:groupmode="layer"
219     id="layer4"
220     inkscape:label="line-guide"
221     style="display:none"
222     sodipodi:insensitive="true">
223    <g
224       style="display:inline"
225       id="g4580"
226       transform="translate(0,-44.362323)">
227      <path
228         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"
229         d="m 195.07715,271.33384 0,283.5749"
230         id="path4488"
231         inkscape:connector-curvature="0" />
232      <path
233         inkscape:connector-curvature="0"
234         id="path4435"
235         d="m 230.51022,271.33384 0,283.5749"
236         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" />
237    </g>
238  </g>
239  <g
240     inkscape:label="text"
241     inkscape:groupmode="layer"
242     id="layer1"
243     transform="translate(0,-62.362323)"
244     style="display:inline">
245    <text
246       sodipodi:linespacing="123%"
247       id="text4512"
248       y="367.71878"
249       x="264.34076"
250       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"
251       xml:space="preserve"><tspan
252         sodipodi:role="line"
253         id="tspan3097">D4v</tspan></text>
254    <text
255       xml:space="preserve"
256       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"
257       x="261.51654"
258       y="401.50049"
259       id="text4526"
260       sodipodi:linespacing="123%"><tspan
261         sodipodi:role="line"
262         id="tspan3099">C4</tspan></text>
263    <text
264       sodipodi:linespacing="123%"
265       id="text4568"
266       y="436.20883"
267       x="279.54584"
268       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"
269       xml:space="preserve"><tspan
270         sodipodi:role="line"
271         id="tspan3102"
272         x="279.54584"
273         y="436.20883">_M_index</tspan></text>
274    <flowRoot
275       xml:space="preserve"
276       id="flowRoot3556"
277       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"
278       transform="translate(0,60.362323)"><flowRegion
279         id="flowRegion3558"><rect
280           id="rect3560"
281           width="28.5"
282           height="3253"
283           x="84.5"
284           y="286.5"
285           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
286         id="flowPara3562" /></flowRoot>    <text
287       xml:space="preserve"
288       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"
289       x="325.22058"
290       y="-191.44658"
291       id="text4494"
292       sodipodi:linespacing="123%"
293       transform="matrix(0,1,-1,0,0,0)"><tspan
294         sodipodi:role="line"
295         id="tspan4535"
296         x="325.22058"
297         y="-191.44658">SIZE</tspan></text>
298    <text
299       xml:space="preserve"
300       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"
301       x="194.82812"
302       y="366.76904"
303       id="text5166"
304       sodipodi:linespacing="123%"><tspan
305         sodipodi:role="line"
306         x="194.82812"
307         y="366.76904"
308         id="tspan5168"><tspan
309           x="194.82812"
310           y="366.76904"
311           id="tspan5170">32</tspan></tspan></text>
312    <text
313       transform="matrix(0,1,-1,0,0,0)"
314       sodipodi:linespacing="123%"
315       id="text4574"
316       y="-226.39417"
317       x="321.07214"
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:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
319       xml:space="preserve"><tspan
320         sodipodi:role="line"
321         id="tspan4578"
322         x="321.07214"
323         y="-226.39417">ALIGN</tspan></text>
324    <text
325       xml:space="preserve"
326       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"
327       x="230.15625"
328       y="366.76904"
329       id="text5160"
330       sodipodi:linespacing="123%"><tspan
331         sodipodi:role="line"
332         x="230.15625"
333         y="366.76904"
334         id="tspan5162"><tspan
335           x="230.15625"
336           y="366.76904"
337           id="tspan5164">8</tspan></tspan></text>
338    <text
339       xml:space="preserve"
340       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"
341       x="194.82812"
342       y="400.76904"
343       id="text5154"
344       sodipodi:linespacing="123%"><tspan
345         sodipodi:role="line"
346         x="194.82812"
347         y="400.76904"
348         id="tspan5156"><tspan
349           x="194.82812"
350           y="400.76904"
351           id="tspan5158">16</tspan></tspan></text>
352    <text
353       xml:space="preserve"
354       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"
355       x="228.82812"
356       y="400.76904"
357       id="text5148"
358       sodipodi:linespacing="123%"><tspan
359         sodipodi:role="line"
360         x="228.82812"
361         y="400.76904"
362         id="tspan5150"><tspan
363           x="228.82812"
364           y="400.76904"
365           id="tspan5152">16</tspan></tspan></text>
366    <text
367       xml:space="preserve"
368       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"
369       x="196.15625"
370       y="436.76904"
371       id="text5142"
372       sodipodi:linespacing="123%"><tspan
373         sodipodi:role="line"
374         x="196.15625"
375         y="436.76904"
376         id="tspan5144"><tspan
377           x="196.15625"
378           y="436.76904"
379           id="tspan5146">8</tspan></tspan></text>
380    <text
381       xml:space="preserve"
382       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"
383       x="230.15625"
384       y="436.76904"
385       id="text5136"
386       sodipodi:linespacing="123%"><tspan
387         sodipodi:role="line"
388         x="230.15625"
389         y="436.76904"
390         id="tspan5138"><tspan
391           x="230.15625"
392           y="436.76904"
393           id="tspan5140">8</tspan></tspan></text>
394    <text
395       sodipodi:linespacing="123%"
396       id="text3128"
397       y="471.64188"
398       x="278.91595"
399       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"
400       xml:space="preserve"><tspan
401         sodipodi:role="line"
402         id="tspan3930"
403         x="278.91595"
404         y="471.64188">_M_array</tspan></text>
405    <text
406       xml:space="preserve"
407       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"
408       x="196.15625"
409       y="472.20212"
410       id="text5130"
411       sodipodi:linespacing="123%"><tspan
412         sodipodi:role="line"
413         x="196.15625"
414         y="472.20212"
415         id="tspan5132"><tspan
416           x="196.15625"
417           y="472.20212"
418           id="tspan5134">8</tspan></tspan></text>
419    <text
420       xml:space="preserve"
421       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"
422       x="230.15625"
423       y="472.20212"
424       id="text5124"
425       sodipodi:linespacing="123%"><tspan
426         sodipodi:role="line"
427         x="230.15625"
428         y="472.20212"
429         id="tspan5126"><tspan
430           x="230.15625"
431           y="472.20212"
432           id="tspan5128">8</tspan></tspan></text>
433    <text
434       xml:space="preserve"
435       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"
436       x="159.39505"
437       y="436.76904"
438       id="text5118"
439       sodipodi:linespacing="123%"><tspan
440         sodipodi:role="line"
441         x="159.39505"
442         y="436.76904"
443         id="tspan5120"><tspan
444           x="159.39505"
445           y="436.76904"
446           id="tspan5122">16</tspan></tspan></text>
447    <text
448       xml:space="preserve"
449       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"
450       x="160.72318"
451       y="401.33597"
452       id="text5112"
453       sodipodi:linespacing="123%"><tspan
454         sodipodi:role="line"
455         x="160.72318"
456         y="401.33597"
457         id="tspan5114"><tspan
458           x="160.72318"
459           y="401.33597"
460           id="tspan5116">0</tspan></tspan></text>
461    <text
462       xml:space="preserve"
463       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"
464       x="159.39505"
465       y="472.20212"
466       id="text5106"
467       sodipodi:linespacing="123%"><tspan
468         sodipodi:role="line"
469         x="159.39505"
470         y="472.20212"
471         id="tspan5108"><tspan
472           x="159.39505"
473           y="472.20212"
474           id="tspan5110">24</tspan></tspan></text>
475    <text
476       transform="matrix(0,1,-1,0,0,0)"
477       sodipodi:linespacing="123%"
478       id="text3613"
479       y="-156.0135"
480       x="316.08582"
481       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"
482       xml:space="preserve"><tspan
483         sodipodi:role="line"
484         id="tspan3617"
485         x="316.08582"
486         y="-156.0135">OFFSET</tspan></text>
487  </g>
488</svg>
489