Files
old-saburly-website2/img/what_we_do/UX_UI_Design_mobile_parallax.svg

82 lines
17 KiB
XML
Raw Normal View History

2017-10-05 15:50:18 +02:00
<?xml version="1.0" encoding="UTF-8"?>
<svg width="369px" height="175px" viewBox="0 0 369 175" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
<title>UX_UI_Design_mobile_parallax</title>
<desc>Created with Sketch.</desc>
<defs>
<filter x="-1.9%" y="-4.2%" width="104.2%" height="110.8%" filterUnits="objectBoundingBox" id="filter-1">
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0.392156863 0 0 0 0 0.431372549 0 0 0 0 0.949019608 0 0 0 0.7 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
<path d="M128.715596,0.181640939 L5.02789125,85.1622095 C-0.109230696,88.6511201 -1.52837724,95.3736549 1.7889635,100.506098 L42.1613688,164.134831 L216,165.215206 L216,0.181640939 L128.715596,0.181640939 Z" id="path-2"></path>
<filter x="-2.1%" y="-2.1%" width="103.2%" height="104.2%" filterUnits="objectBoundingBox" id="filter-3">
<feOffset dx="-1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0.392156863 0 0 0 0 0.431372549 0 0 0 0 0.949019608 0 0 0 0.353572237 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
<path d="M181.939351,0.363995847 C182.850679,-0.275890754 184.104994,-0.0501659277 184.739421,0.868713895 L193.639241,13.7423534 C194.273667,14.6605674 194.049635,15.9236942 193.137647,16.5635808 L12.0603143,143.636004 C11.1489865,144.275891 9.89533254,144.050166 9.26024478,143.131286 L0.361085801,130.257647 C-0.274001959,129.339433 -0.0493090988,128.076306 0.862018707,127.436419 L181.939351,0.363995847 Z" id="path-4"></path>
<filter x="-1.8%" y="-1.7%" width="103.6%" height="104.9%" filterUnits="objectBoundingBox" id="filter-5">
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0.392156863 0 0 0 0 0.431372549 0 0 0 0 0.949019608 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
</defs>
<g id="assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="UX_UI_Design_mobile_parallax">
<g id="Group-4" filter="url(#filter-1)" transform="translate(4.000000, 3.000000)">
<g id="background">
<polygon id="Fill-3" fill="#F6F7FE" points="0 165.242265 360 165.242265 360 0 0 0"></polygon>
<g id="Group-58" transform="translate(145.000000, 0.000000)">
<g id="Fill-15">
<use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-2"></use>
</g>
<path d="M158.728042,0.181640939 L28.9210295,89.3251811 C23.8940599,92.7950407 24.4169251,91.1717122 27.663134,96.2747114 L71.6894761,164.134831 L216,165.215206 L216,0.181640939 L158.728042,0.181640939 Z" id="Fill-17" fill="#E1E7FF"></path>
<path d="M98.8685015,148.280899 C98.8685015,151.886339 95.9454208,154.808989 92.3394495,154.808989 C88.7334783,154.808989 85.8103976,151.886339 85.8103976,148.280899 C85.8103976,144.675459 88.7334783,141.752809 92.3394495,141.752809 C95.9454208,141.752809 98.8685015,144.675459 98.8685015,148.280899" id="Fill-19" fill="#E1E7FF"></path>
</g>
</g>
<g id="checkbox" transform="translate(15.000000, 24.000000)">
<polygon id="Fill-9" fill="#B8E986" points="0 25.2902265 25.9531563 25.2902265 25.9531563 0 0 0"></polygon>
<polygon id="Stroke-10" stroke="#646EF2" points="0 62.0456222 25.9531563 62.0456222 25.9531563 36.7553957 0 36.7553957"></polygon>
<polygon id="Stroke-13" stroke="#646EF2" points="0 95.9736798 25.9531563 95.9736798 25.9531563 70.6834532 0 70.6834532"></polygon>
<polygon id="Stroke-13" stroke="#646EF2" points="0 130.844183 25.9531563 130.844183 25.9531563 105.553957 0 105.553957"></polygon>
<g id="Group-13" transform="translate(4.792627, 7.539568)" stroke="#FFFFFF" stroke-width="2">
<path d="M0,7.11287621 L6.48828907,12.6451133" id="Stroke-11"></path>
<path d="M17.0317588,0 L6.48828907,12.6451133" id="Stroke-12"></path>
</g>
</g>
<g id="ruler" transform="translate(155.000000, 8.000000)">
<g id="Fill-36">
<use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-4"></use>
</g>
<path d="M9,122 L11,125" id="Stroke-38" stroke="#92A1F7"></path>
<path d="M23,112 L25,115" id="Stroke-40" stroke="#92A1F7"></path>
<path d="M38,102 L40,105" id="Stroke-42" stroke="#92A1F7"></path>
<path d="M53,91 L55,94" id="Stroke-44" stroke="#92A1F7"></path>
<path d="M69,80 L71,83" id="Stroke-46" stroke="#92A1F7"></path>
<path d="M86,69 L88,72" id="Stroke-48" stroke="#92A1F7"></path>
<path d="M102,57 L104,60" id="Stroke-50" stroke="#92A1F7"></path>
<path d="M119,45 L121,48" id="Stroke-52" stroke="#92A1F7"></path>
<path d="M138,32 L140,35" id="Stroke-54" stroke="#92A1F7"></path>
<path d="M155,20 L157,23" id="Stroke-56" stroke="#92A1F7"></path>
<polygon id="1" fill="#92A1F7" points="160 28 160 27.3170732 161.498734 27.3170732 161.498734 21.9274885 160 22.2689519 160 21.5675676 162.501266 21 162.501266 27.3170732 164 27.3170732 164 28"></polygon>
<path d="M142,40 L142,39.2017139 C142.25826,38.5833852 142.780777,37.9096938 143.567568,37.1806196 L144.076577,36.7145682 C144.731235,36.1085445 145.058559,35.5071443 145.058559,34.9103494 C145.058559,34.5288928 144.946698,34.2289618 144.722973,34.0105471 C144.499248,33.7921325 144.192194,33.6829268 143.801802,33.6829268 C143.339337,33.6829268 142.794297,33.8659617 142.166667,34.2320369 L142.166667,33.4291365 C142.758261,33.1430441 143.345342,33 143.927928,33 C144.552556,33 145.054052,33.1722681 145.432432,33.5168095 C145.810813,33.8613509 146,34.318169 146,34.8872775 C146,35.2964204 145.904656,35.6594139 145.713964,35.976269 C145.523272,36.293124 145.168171,36.677651 144.648649,37.1298616 L144.306306,37.4297956 C143.594591,38.0481244 143.183184,38.6387579 143.072072,39.2017139 L145.968468,39.2017139 L145.968468,40 L142,40 Z" id="2" fill="#92A1F7"></path>
<path d="M124.334792,48.1958556 L124.877462,48.1958556 C125.177974,48.1958556 125.440553,48.1389266 125.665208,48.0250668 C125.889863,47.9112071 126.061269,47.7552372 126.179431,47.5571524 C126.297594,47.3590676 126.356674,47.1305717 126.356674,46.8716578 C126.356674,46.4349354 126.241431,46.0933613 126.010941,45.8469251 C125.780451,45.600489 125.449309,45.4772727 125.017505,45.4772727 C124.609042,45.4772727 124.274254,45.6059479 124.013129,45.8633021 C123.752005,46.1206564 123.621444,46.4598909 123.621444,46.881016 L123.09628,46.881016 C123.09628,46.5285187 123.17943,46.2064409 123.345733,45.9147727 C123.512036,45.6231046 123.742522,45.3977281 124.037199,45.2386364 C124.331876,45.0795447 124.658642,45 125.017505,45 C125.595189,45 126.050327,45.1684475 126.382932,45.5053476 C126.715538,45.8422477 126.881838,46.3039186 126.881838,46.8903743 C126.881838,47.2179161 126.78483,47.5197179 126.59081,47.7957888 C126.39679,48.0718597 126.130563,48.2785198 125.792123,48.4157754 C126.188915,48.5343143 126.489423,48.7378551 126.693654,49.0264037 C126.897886,49.3149524 127,49.6588661 127,50.0581551 C127,50.6414913 126.822029,51.1109608 126.466083,51.4665775 C126.110137,51.8221943 125.634576,52 125.039387,52 C124.6601,52 124.312182,51.9188956 123.995624,51.7566845 C123.679065,51.5944733 123.433991,51.3675371 123.260394,51.075869 C123.086797,50.7842009 123,50.4449663 123,50.0581551 L123.525164,50.0581551 C123.525164,50.491758 123.666665,50.8450298 123.949672,51.1179813 C124.232678,51.3909327 124.595913,51.5274064 125.039387,51.5274064 C125.491614,51.5274064 125.843908,51.4034103 126.09628,51.1554144 C126.348652,50.9074185 126.474836,50.5479079 126.474836,50.0768717 C126.474836,49.6214327 126.33844,49.2736197 126.065646,49.0334225 C125.792851,48.7932252 125.390958,48.6731283 124.859956,48.6731283 L124.334792,48.6731283 L124.334792,48.1958556 Z" id="3" fill="#92A1F7"></path>
<path d="M109.900194,61.7451923 L111,61.7451923 L111,62.2307692 L109.900194,62.2307692 L109.900194,64 L109.318798,64 L109.318798,62.2307692 L106,62.2307692 L106,61.9038462 L109.265504,57 L109.900194,57 L109.900194,61.7451923 Z M106.712209,61.7451923 L109.318798,61.7451923 L109.318798,57.7451923 L109.062016,58.1875 L106.712209,61.7451923 Z" id="4" fill="#92A1F7"></path>
<path d="M90.2277904,72.3672087 L90.5512528,69 L93.8678815,69 L93.8678815,69.5264228 L91.0205011,69.5264228 L90.7881549,71.8597561 C91.1435097,71.606819 91.5596028,71.4803523 92.0364465,71.4803523 C92.634779,71.4803523 93.1116155,71.682699 93.4669704,72.0873984 C93.8223252,72.4920978 94,73.0311619 94,73.704607 C94,74.4318013 93.826881,74.9961588 93.4806378,75.3976965 C93.1343946,75.7992342 92.646928,76 92.0182232,76 C91.4411513,76 90.9734262,75.8324317 90.6150342,75.49729 C90.2566421,75.1621483 90.0516328,74.6926408 90,74.0887534 L90.523918,74.0887534 C90.5755508,74.5598488 90.7289281,74.9163267 90.9840547,75.1581978 C91.2391812,75.400069 91.5839006,75.5210027 92.0182232,75.5210027 C92.4920297,75.5210027 92.8496571,75.3645002 93.0911162,75.0514905 C93.3325752,74.7384808 93.453303,74.2926858 93.453303,73.7140921 C93.453303,73.2082179 93.3181487,72.7956204 93.047836,72.4762873 C92.7775233,72.1569541 92.4085065,71.99729 91.9407745,71.99729 C91.6826107,71.99729 91.4578597,72.0312779 91.2665148,72.0992547 C91.0751699,72.1672316 90.8731977,72.2992312 90.6605923,72.4952575 L90.2277904,72.3672087 Z" id="5" fill="#92A1F7"></path>
<path d="M76.1618625,80 L76.1618625,80.4942838 L76.0997783,80.4942838 C75.3281558,80.4942838 74.7206231,80.7351467 74.2771619,81.2168796 C73.8337007,81.6986126 73.5883225,82.3678505 73.54102,83.2246133 C73.7184044,82.9641323 73.9445663,82.7624979 74.2195122,82.6197041 C74.4944581,82.4769103 74.80192,82.4055145 75.1419069,82.4055145 C75.7095372,82.4055145 76.1611218,82.6134254 76.4966741,83.0292535 C76.8322264,83.4450817 77,83.9887884 77,84.66039 C77,85.1060323 76.9216564,85.5077319 76.7649667,85.865501 C76.6082771,86.2232701 76.3835935,86.5017923 76.0909091,86.701076 C75.7982247,86.9003597 75.4641556,87 75.0886918,87 C74.4708025,87 73.9682207,86.7622754 73.5809313,86.2868191 C73.1936418,85.8113628 73,85.1970448 73,84.4438467 L73,83.8789509 C73,82.6518656 73.2631164,81.7017519 73.789357,81.028581 C74.3155976,80.3554102 75.0620794,80.0125533 76.0288248,80 L76.1618625,80 Z M75.0576497,82.8903833 C74.7206192,82.8903833 74.4065055,82.9963002 74.1152993,83.2081372 C73.8240931,83.4199742 73.6297122,83.6890815 73.5321508,84.0154674 L73.5321508,84.4956288 C73.5321508,85.0919106 73.6762735,85.5783438 73.9645233,85.9549428 C74.2527731,86.3315419 74.6274922,86.5198386 75.0886918,86.5198386 C75.5025889,86.5198386 75.8373971,86.3456641 76.0931264,85.99731 C76.3488557,85.6489559 76.4767184,85.2095969 76.4767184,84.6792199 C76.4767184,84.1394279 76.3488557,83.7063455 76.0931264,83.3799597 C75.8373971,83.0535738 75.4922416,82.8903833 75.0576497,82.8903833 Z" id="6" fill="#92A1F7"></path>
<polygon id="7" fill="#92A1F7" points="61 91.3317308 58.400209 98 57.8777429 98 60.460815 91.4903846 57 91.4903846 57 91 61 91"></polygon>
<path d="M45.8360302,103.848262 C45.8360302,104.200759 45.7411013,104.516598 45.5512406,104.795789 C45.3613798,105.074979 45.1111127,105.28008 44.8004315,105.411096 C45.1628929,105.545232 45.4534329,105.762031 45.6720604,106.061497 C45.8906879,106.360964 46,106.707217 46,107.100267 C46,107.683604 45.8173337,108.146054 45.4519957,108.487634 C45.0866576,108.829213 44.6033831,109 44.0021575,109 C43.3951786,109 42.9097465,108.829993 42.5458468,108.489973 C42.1819471,108.149954 42,107.686723 42,107.100267 C42,106.713456 42.1049972,106.368763 42.3149946,106.066176 C42.5249921,105.76359 42.8126555,105.545232 43.1779935,105.411096 C42.8673124,105.28008 42.6199218,105.074979 42.4358145,104.795789 C42.2517071,104.516598 42.1596548,104.200759 42.1596548,103.848262 C42.1596548,103.283642 42.3272187,102.834449 42.6623517,102.500668 C42.9974846,102.166888 43.4412054,102 43.9935275,102 C44.5458496,102 44.9910087,102.168448 45.3290183,102.505348 C45.6670279,102.842248 45.8360302,103.289881 45.8360302,103.848262 Z M45.4822006,107.104947 C45.4822006,106.680702 45.3426839,106.332109 45.0636462,106.059158 C44.7846085,105.786206 44.4279058,105.649733 43.9935275,105.649733 C43.5591492,105.649733 43.2038849,105.783867 42.9277238,106.052139 C42.6515628,106.320411 42.5134844,106.671344 42.5134844,107.104947 C42.5134844,107.538549 42.6472479,107.884023 42.9147789,108.141377 C43.1823099,108.398731 43.5447658,108.527406 44.0021575,108.527406 C44.4480425,108.527406 44.8061835,108.399511 45.0765912,108.143717 C45.3469988,107.887922 45.4822006,107.541669 45.4822006,107.104947 Z M45.3182309,103.843583 C45.3182309,103.453652 45.1938164,103.128455 44.9449838,102.867981 C44.6961512,102.607508 44.3790023,102.477273 43.9935275,102.477273 C43.6022994,102.477273 43.2851504,102.602829 43.0420712,102.853944 C42.798992,103.105059 42.6774542,103.434936 42.6774542,103.843583 C42.6774542,104.242872 42.798992,104.56417 43.0420712,104.807487 C43.2851504,105.050803 43.6037377,105.17246 43.9978425,105.17246 C44.386194,105.17246 44.7033429,105.050024 44.9492988,104.805147 C45.1952547,104.560271 45.3182309,104.239752 45.3182309,103.843583 Z" id="8" fill="#92A1F7"></path>
<path d="M31.4684385,115.775387 C31.279438,116.070389 31.0446673,116.298699 30.7641196,116.460323 C30.4835719,116.621947 30.1794036,116.702757 29.8516058,116.702757 C29.4854171,116.702757 29.1620538,116.602332 28.8815061,116.401479 C28.6009584,116.200627 28.3839063,115.922889 28.2303433,115.568258 C28.0767803,115.213627 28,114.82605 28,114.405514 C28,113.953596 28.0819482,113.542481 28.2458472,113.172159 C28.4097461,112.801836 28.6386106,112.513899 28.9324474,112.308339 C29.2262842,112.102779 29.5651513,112 29.9490587,112 C30.595795,112 31.0992968,112.240863 31.4595792,112.722596 C31.8198615,113.204329 32,113.887689 32,114.772697 L32,115.281103 C32,116.517603 31.7519405,117.446534 31.255814,118.067922 C30.7596874,118.68931 30.0022199,119 28.9833887,119 L28.8859358,119 L28.8903654,118.510424 L29.076412,118.510424 C29.8471799,118.49787 30.4333682,118.265638 30.8349945,117.813719 C31.2366207,117.3618 31.4477666,116.682363 31.4684385,115.775387 Z M29.9180509,116.217888 C30.272427,116.217888 30.5906224,116.105695 30.8726467,115.881305 C31.154671,115.656914 31.3547429,115.365839 31.4728682,115.00807 L31.4728682,114.683255 C31.4728682,113.986547 31.3362878,113.445978 31.0631229,113.061533 C30.789958,112.677088 30.4215601,112.484869 29.9579181,112.484869 C29.538573,112.484869 29.1945381,112.664535 28.9258029,113.023874 C28.6570677,113.383212 28.5227021,113.835909 28.5227021,114.381977 C28.5227021,114.906077 28.6518998,115.343083 28.910299,115.693006 C29.1686982,116.042929 29.5046122,116.217888 29.9180509,116.217888 Z" id="9" fill="#92A1F7"></path>
<path d="M14.3549696,130.906417 L13.8073022,130.906417 L13.8073022,124.76738 L12,125.455214 L12,124.93115 L14.2636917,124.070187 L14.3549696,124.070187 L14.3549696,130.906417 Z M21,128.066176 C21,129.026966 20.828095,129.756125 20.4842799,130.253676 C20.1404648,130.751228 19.6338776,131 18.964503,131 C18.3072989,131 17.8037543,130.755907 17.453854,130.267714 C17.1039536,129.779521 16.9244422,129.069078 16.9153144,128.136364 L16.9153144,126.915107 C16.9153144,125.957437 17.0887407,125.232177 17.4355984,124.739305 C17.7824561,124.246432 18.2890433,124 18.9553753,124 C19.6125794,124 20.1146027,124.237854 20.4614604,124.71357 C20.8083182,125.189285 20.9878296,125.89037 21,126.816845 L21,128.066176 Z M20.4523327,126.84492 C20.4523327,126.065058 20.3283481,125.475492 20.0803753,125.076203 C19.8324024,124.676914 19.4574062,124.477273 18.9553753,124.477273 C18.4624722,124.477273 18.0912791,124.672235 17.841785,125.062166 C17.5922908,125.452096 17.4645031,126.027625 17.4584178,126.78877 L17.4584178,128.127005 C17.4584178,128.903747 17.5869663,129.497993 17.8440669,129.909759 C18.1011676,130.321526 18.4746426,130.527406 18.964503,130.527406 C19.4513209,130.527406 19.820232,130.326205 20.0712475,129.923797 C20.3222629,129.521388 20.44929,128.931822 20.4523327,128.15508 L20.4523327,126.84492 Z" id="10" fill="#92A1F7"></path>
</g>
</g>
</g>
</g>
</svg>