82 lines
18 KiB
XML
82 lines
18 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg width="730px" height="341px" viewBox="0 0 730 341" 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.0%" y="-2.1%" width="102.1%" height="105.1%" 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="M257.431193,0.363281877 L10.0557825,170.324419 C-0.218461392,177.30224 -3.05675448,190.74731 3.577927,201.012197 L84.3227376,328.269663 L432,330.430412 L432,0.363281877 L257.431193,0.363281877 Z" id="path-2"></path>
|
|
<filter x="-1.0%" y="-1.1%" width="101.6%" height="102.1%" 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="M363.878702,0.727991695 C365.701358,-0.551781507 368.209988,-0.100331855 369.478841,1.73742779 L387.278481,27.4847068 C388.547335,29.3211347 388.099271,31.8473884 386.275294,33.1271616 L24.1206287,287.272008 C22.2979731,288.551782 19.7906651,288.100332 18.5204896,286.262572 L0.722171603,260.515293 C-0.548003918,258.678865 -0.0986181977,256.152612 1.72403741,254.872838 L363.878702,0.727991695 Z" id="path-4"></path>
|
|
<filter x="-0.9%" y="-0.9%" width="101.8%" height="102.4%" 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 330.48453 720 330.48453 720 0 0 0"></polygon>
|
|
<g id="Group-58" transform="translate(290.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="M317.456085,0.363281877 L57.842059,178.650362 C47.7881197,185.590081 48.8338502,182.343424 55.3262681,192.549423 L143.378952,328.269663 L432,330.430412 L432,0.363281877 L317.456085,0.363281877 Z" id="Fill-17" fill="#E1E7FF"></path>
|
|
<path d="M197.737003,296.561798 C197.737003,303.772677 191.890842,309.617978 184.678899,309.617978 C177.466957,309.617978 171.620795,303.772677 171.620795,296.561798 C171.620795,289.350918 177.466957,283.505618 184.678899,283.505618 C191.890842,283.505618 197.737003,289.350918 197.737003,296.561798" id="Fill-19" fill="#E1E7FF"></path>
|
|
</g>
|
|
</g>
|
|
<g id="checkbox" transform="translate(30.000000, 48.000000)">
|
|
<polygon id="Fill-9" fill="#B8E986" points="0 50.580453 51.9063126 50.580453 51.9063126 0 0 0"></polygon>
|
|
<polygon id="Stroke-10" stroke="#646EF2" points="0 124.091244 51.9063126 124.091244 51.9063126 73.5107914 0 73.5107914"></polygon>
|
|
<polygon id="Stroke-13" stroke="#646EF2" points="0 191.94736 51.9063126 191.94736 51.9063126 141.366906 0 141.366906"></polygon>
|
|
<polygon id="Stroke-13" stroke="#646EF2" points="0 261.688367 51.9063126 261.688367 51.9063126 211.107914 0 211.107914"></polygon>
|
|
<g id="Group-13" transform="translate(9.585253, 15.079137)" stroke="#FFFFFF" stroke-width="2">
|
|
<path d="M0,14.2257524 L12.9765781,25.2902265" id="Stroke-11"></path>
|
|
<path d="M34.0635176,0 L12.9765781,25.2902265" id="Stroke-12"></path>
|
|
</g>
|
|
</g>
|
|
<g id="ruler" transform="translate(310.000000, 16.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="M18,244 L22,250" id="Stroke-38" stroke="#92A1F7"></path>
|
|
<path d="M46,224 L50,230" id="Stroke-40" stroke="#92A1F7"></path>
|
|
<path d="M76,204 L80,210" id="Stroke-42" stroke="#92A1F7"></path>
|
|
<path d="M106,182 L110,188" id="Stroke-44" stroke="#92A1F7"></path>
|
|
<path d="M138,160 L142,166" id="Stroke-46" stroke="#92A1F7"></path>
|
|
<path d="M172,138 L176,144" id="Stroke-48" stroke="#92A1F7"></path>
|
|
<path d="M204,114 L208,120" id="Stroke-50" stroke="#92A1F7"></path>
|
|
<path d="M238,90 L242,96" id="Stroke-52" stroke="#92A1F7"></path>
|
|
<path d="M276,64 L280,70" id="Stroke-54" stroke="#92A1F7"></path>
|
|
<path d="M310,40 L314,46" id="Stroke-56" stroke="#92A1F7"></path>
|
|
<polygon id="1" fill="#92A1F7" points="320 56 320 54.6341463 322.997468 54.6341463 322.997468 43.8549769 320 44.5379038 320 43.1351351 325.002532 42 325.002532 54.6341463 328 54.6341463 328 56"></polygon>
|
|
<path d="M284,80 L284,78.4034278 C284.516519,77.1667703 285.561554,75.8193876 287.135135,74.3612393 L288.153153,73.4291365 C289.462469,72.2170891 290.117117,71.0142885 290.117117,69.8206987 C290.117117,69.0577857 289.893396,68.4579235 289.445946,68.0210943 C288.998496,67.584265 288.384388,67.3658537 287.603604,67.3658537 C286.678674,67.3658537 285.588595,67.7319234 284.333333,68.4640738 L284.333333,66.8582729 C285.516522,66.2860881 286.690685,66 287.855856,66 C289.105111,66 290.108104,66.3445362 290.864865,67.033619 C291.621625,67.7227018 292,68.636338 292,69.774555 C292,70.5928408 291.809311,71.3188279 291.427928,71.9525379 C291.046545,72.5862479 290.336342,73.355302 289.297297,74.2597231 L288.612613,74.8595913 C287.189182,76.0962488 286.366367,77.2775158 286.144144,78.4034278 L291.936937,78.4034278 L291.936937,80 L284,80 Z" id="2" fill="#92A1F7"></path>
|
|
<path d="M248.669584,96.3917112 L249.754923,96.3917112 C250.355948,96.3917112 250.881106,96.2778532 251.330416,96.0501337 C251.779725,95.8224142 252.122537,95.5104744 252.358862,95.1143048 C252.595187,94.7181353 252.713348,94.2611434 252.713348,93.7433155 C252.713348,92.8698709 252.482862,92.1867226 252.021882,91.6938503 C251.560902,91.2009779 250.898618,90.9545455 250.035011,90.9545455 C249.218085,90.9545455 248.548507,91.2118958 248.026258,91.7266043 C247.504009,92.2413127 247.242888,92.9197819 247.242888,93.7620321 L246.19256,93.7620321 C246.19256,93.0570375 246.35886,92.4128817 246.691466,91.8295455 C247.024072,91.2462092 247.485044,90.7954561 248.074398,90.4772727 C248.663752,90.1590893 249.317283,90 250.035011,90 C251.190378,90 252.100653,90.336895 252.765864,91.0106952 C253.431076,91.6844953 253.763676,92.6078373 253.763676,93.7807487 C253.763676,94.4358322 253.569659,95.0394357 253.181619,95.5915775 C252.793579,96.1437193 252.261127,96.5570396 251.584245,96.8315508 C252.37783,97.0686286 252.978846,97.4757101 253.387309,98.0528075 C253.795772,98.6299048 254,99.3177322 254,100.11631 C254,101.282983 253.644059,102.221922 252.932166,102.933155 C252.220274,103.644389 251.269153,104 250.078775,104 C249.3202,104 248.624365,103.837791 247.991247,103.513369 C247.35813,103.188947 246.867981,102.735074 246.520788,102.151738 C246.173594,101.568402 246,100.889933 246,100.11631 L247.050328,100.11631 C247.050328,100.983516 247.333331,101.69006 247.899344,102.235963 C248.465357,102.781865 249.191826,103.054813 250.078775,103.054813 C250.983228,103.054813 251.687817,102.806821 252.19256,102.310829 C252.697304,101.814837 252.949672,101.095816 252.949672,100.153743 C252.949672,99.2428653 252.676881,98.5472395 252.131291,98.0668449 C251.585701,97.5864504 250.781916,97.3462567 249.719912,97.3462567 L248.669584,97.3462567 L248.669584,96.3917112 Z" id="3" fill="#92A1F7"></path>
|
|
<path d="M219.800388,123.490385 L222,123.490385 L222,124.461538 L219.800388,124.461538 L219.800388,128 L218.637597,128 L218.637597,124.461538 L212,124.461538 L212,123.807692 L218.531008,114 L219.800388,114 L219.800388,123.490385 Z M213.424419,123.490385 L218.637597,123.490385 L218.637597,115.490385 L218.124031,116.375 L213.424419,123.490385 Z" id="4" fill="#92A1F7"></path>
|
|
<path d="M180.455581,144.734417 L181.102506,138 L187.735763,138 L187.735763,139.052846 L182.041002,139.052846 L181.57631,143.719512 C182.287019,143.213638 183.119206,142.960705 184.072893,142.960705 C185.269558,142.960705 186.223231,143.365398 186.933941,144.174797 C187.64465,144.984196 188,146.062324 188,147.409214 C188,148.863603 187.653762,149.992318 186.961276,150.795393 C186.268789,151.598468 185.293856,152 184.036446,152 C182.882303,152 181.946852,151.664863 181.230068,150.99458 C180.513284,150.324297 180.103266,149.385282 180,148.177507 L181.047836,148.177507 C181.151102,149.119698 181.457856,149.832653 181.968109,150.316396 C182.478362,150.800138 183.167801,151.042005 184.036446,151.042005 C184.984059,151.042005 185.699314,150.729 186.182232,150.102981 C186.66515,149.476962 186.906606,148.585372 186.906606,147.428184 C186.906606,146.416436 186.636297,145.591241 186.095672,144.952575 C185.555047,144.313908 184.817013,143.99458 183.881549,143.99458 C183.365221,143.99458 182.915719,144.062556 182.53303,144.198509 C182.15034,144.334463 181.746395,144.598462 181.321185,144.990515 L180.455581,144.734417 Z" id="5" fill="#92A1F7"></path>
|
|
<path d="M152.323725,160 L152.323725,160.988568 L152.199557,160.988568 C150.656312,160.988568 149.441246,161.470293 148.554324,162.433759 C147.667401,163.397225 147.176645,164.735701 147.08204,166.449227 C147.436809,165.928265 147.889133,165.524996 148.439024,165.239408 C148.988916,164.953821 149.60384,164.811029 150.283814,164.811029 C151.419074,164.811029 152.322244,165.226851 152.993348,166.058507 C153.664453,166.890163 154,167.977577 154,169.32078 C154,170.212065 153.843313,171.015464 153.529933,171.731002 C153.216554,172.44654 152.767187,173.003585 152.181818,173.402152 C151.596449,173.800719 150.928311,174 150.177384,174 C148.941605,174 147.936441,173.524551 147.161863,172.573638 C146.387284,171.622726 146,170.39409 146,168.887693 L146,167.757902 C146,165.303731 146.526233,163.403504 147.578714,162.057162 C148.631195,160.71082 150.124159,160.025107 152.05765,160 L152.323725,160 Z M150.115299,165.780767 C149.441238,165.780767 148.813011,165.9926 148.230599,166.416274 C147.648186,166.839948 147.259424,167.378163 147.064302,168.030935 L147.064302,168.991258 C147.064302,170.183821 147.352547,171.156688 147.929047,171.909886 C148.505546,172.663084 149.254984,173.039677 150.177384,173.039677 C151.005178,173.039677 151.674794,172.691328 152.186253,171.99462 C152.697711,171.297912 152.953437,170.419194 152.953437,169.35844 C152.953437,168.278856 152.697711,167.412691 152.186253,166.759919 C151.674794,166.107148 150.984483,165.780767 150.115299,165.780767 Z" id="6" fill="#92A1F7"></path>
|
|
<polygon id="7" fill="#92A1F7" points="122 182.663462 116.800418 196 115.755486 196 120.92163 182.980769 114 182.980769 114 182 122 182"></polygon>
|
|
<path d="M91.6720604,207.696524 C91.6720604,208.401519 91.4822025,209.033197 91.1024811,209.591578 C90.7227597,210.149958 90.2222253,210.560159 89.600863,210.822193 C90.3257857,211.090465 90.9068658,211.524061 91.3441208,212.122995 C91.7813758,212.721928 92,213.414435 92,214.200535 C92,215.367207 91.6346674,216.292109 90.9039914,216.975267 C90.1733153,217.658426 89.2067662,218 88.004315,218 C86.7903571,218 85.819493,217.659986 85.0916936,216.979947 C84.3638942,216.299907 84,215.373446 84,214.200535 C84,213.426912 84.2099943,212.737525 84.6299892,212.132353 C85.0499841,211.527181 85.625311,211.090465 86.3559871,210.822193 C85.7346247,210.560159 85.2398436,210.149958 84.8716289,209.591578 C84.5034142,209.033197 84.3193096,208.401519 84.3193096,207.696524 C84.3193096,206.567285 84.6544375,205.668898 85.3247033,205.001337 C85.9949692,204.333776 86.8824109,204 87.987055,204 C89.0916992,204 89.9820175,204.336895 90.6580367,205.010695 C91.3340559,205.684495 91.6720604,206.579763 91.6720604,207.696524 Z M90.9644013,214.209893 C90.9644013,213.361404 90.6853678,212.664218 90.1272923,212.118316 C89.5692169,211.572413 88.8558116,211.299465 87.987055,211.299465 C87.1182984,211.299465 86.4077698,211.567734 85.8554477,212.104278 C85.3031256,212.640823 85.0269687,213.342687 85.0269687,214.209893 C85.0269687,215.077099 85.2944957,215.768046 85.8295577,216.282754 C86.3646197,216.797462 87.0895316,217.054813 88.004315,217.054813 C88.896085,217.054813 89.6123669,216.799022 90.1531823,216.287433 C90.6939977,215.775844 90.9644013,215.083338 90.9644013,214.209893 Z M90.6364617,207.687166 C90.6364617,206.907304 90.3876328,206.25691 89.8899676,205.735963 C89.3923024,205.215015 88.7580046,204.954545 87.987055,204.954545 C87.2045987,204.954545 86.5703009,205.205657 86.0841424,205.707888 C85.5979839,206.210118 85.3549083,206.869871 85.3549083,207.687166 C85.3549083,208.485744 85.5979839,209.12834 86.0841424,209.614973 C86.5703009,210.101607 87.2074754,210.34492 87.995685,210.34492 C88.7723879,210.34492 89.4066858,210.100047 89.8985976,209.610294 C90.3905095,209.120541 90.6364617,208.479505 90.6364617,207.687166 Z" id="8" fill="#92A1F7"></path>
|
|
<path d="M62.9368771,231.550773 C62.5588759,232.140779 62.0893347,232.597398 61.5282392,232.920646 C60.9671437,233.243893 60.3588073,233.405514 59.7032115,233.405514 C58.9708343,233.405514 58.3241076,233.204665 57.7630122,232.802959 C57.2019167,232.401253 56.7678125,231.845778 56.4606866,231.136516 C56.1535607,230.427255 56,229.6521 56,228.811029 C56,227.907191 56.1638965,227.084962 56.4916944,226.344317 C56.8194922,225.603673 57.2772211,225.027799 57.8648948,224.616678 C58.4525685,224.205557 59.1303025,224 59.8981174,224 C61.1915901,224 62.1985937,224.481726 62.9191584,225.445192 C63.6397231,226.408658 64,227.775378 64,229.545393 L64,230.562206 C64,233.035206 63.5038809,234.893067 62.5116279,236.135844 C61.5193749,237.378621 60.0044399,238 57.9667774,238 L57.7718715,238 L57.7807309,237.020847 L58.1528239,237.020847 C59.6943599,236.995741 60.8667365,236.531276 61.6699889,235.627438 C62.4732414,234.7236 62.8955332,233.364726 62.9368771,231.550773 Z M59.8361019,232.435777 C60.544854,232.435777 61.1812449,232.21139 61.7452935,231.762609 C62.3093421,231.313829 62.7094857,230.731678 62.9457364,230.01614 L62.9457364,229.36651 C62.9457364,227.973093 62.6725756,226.891956 62.1262458,226.123067 C61.5799161,225.354177 60.8431202,224.969738 59.9158361,224.969738 C59.077146,224.969738 58.3890761,225.329071 57.8516058,226.047747 C57.3141354,226.766424 57.0454042,227.671817 57.0454042,228.763954 C57.0454042,229.812155 57.3037996,230.686166 57.820598,231.386012 C58.3373965,232.085859 59.0092244,232.435777 59.8361019,232.435777 Z" id="9" fill="#92A1F7"></path>
|
|
<path d="M28.7099391,261.812834 L27.6146045,261.812834 L27.6146045,249.534759 L24,250.910428 L24,249.862299 L28.5273834,248.140374 L28.7099391,248.140374 L28.7099391,261.812834 Z M42,256.132353 C42,258.053931 41.6561901,259.51225 40.9685598,260.507353 C40.2809296,261.502456 39.2677552,262 37.9290061,262 C36.6145979,262 35.6075086,261.511814 34.9077079,260.535428 C34.2079073,259.559041 33.8488845,258.138155 33.8306288,256.272727 L33.8306288,253.830214 C33.8306288,251.914875 34.1774813,250.464354 34.8711968,249.47861 C35.5649122,248.492865 36.5780866,248 37.9107505,248 C39.2251587,248 40.2292055,248.475708 40.9229209,249.427139 C41.6166363,250.37857 41.9756591,251.780739 42,253.63369 L42,256.132353 Z M40.9046653,253.68984 C40.9046653,252.130117 40.6566962,250.950984 40.1607505,250.152406 C39.6648048,249.353828 38.9148123,248.954545 37.9107505,248.954545 C36.9249444,248.954545 36.1825583,249.34447 35.68357,250.124332 C35.1845817,250.904193 34.9290061,252.055251 34.9168357,253.57754 L34.9168357,256.254011 C34.9168357,257.807494 35.1739325,258.995985 35.6881339,259.819519 C36.2023352,260.643052 36.9492852,261.054813 37.9290061,261.054813 C38.9026418,261.054813 39.640464,260.65241 40.1424949,259.847594 C40.6445258,259.042777 40.8985801,257.863644 40.9046653,256.31016 L40.9046653,253.68984 Z" id="10" fill="#92A1F7"></path>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg> |