Последовательность (Consistency)

<?xml version="1.0" encoding="UTF-8"?> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>design-and-ux/consistency</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="design-and-ux/consistency" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#31201B" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="twins" transform="translate(8.000000, 14.000000)" fill-rule="nonzero"> <path d="M0.279777778,7.39411111 L5.41666667,10.0137778 C5.68677778,10.1515556 6.01711111,10.0263333 6.12566667,9.74322222 C6.63555556,8.41377778 8.31388889,5.02644444 12.3993333,4.20933333 L15.9577778,1.418 C15.9577778,1.418 5.687,-3.02244444 0.0681111111,6.68355556 C-0.0781111111,6.93644444 0.0194444444,7.26133333 0.279777778,7.39411111 Z" id="Shape" fill="#64463C"> </path> <path d="M2.36977778,8.45988889 L5.41677778,10.0137778 C5.68688889,10.1515556 6.01722222,10.0263333 6.12577778,9.74322222 C6.63566667,8.41377778 8.314,5.02644444 12.3994444,4.20933333 L14.192,2.80322222 C10.7952222,2.414 5.81088889,2.99833333 2.36977778,8.45988889 Z" id="Shape" fill="#553732"> </path> <path d="M10.3156667,4.938 C10.9307778,4.62488889 11.6158889,4.366 12.3994444,4.20933333 L15.9578889,1.418 C15.9578889,1.418 13.7487778,0.467 10.8215556,0.409888889 C10.5401111,1.04233333 9.96311111,2.69077778 10.3156667,4.938 Z" id="Shape" fill="#FFAA50"> </path> <path d="M10.2331111,2.91577778 C10.1896667,3.51577778 10.1983333,4.18988889 10.3156667,4.93811111 C10.9308889,4.625 11.6158889,4.36611111 12.3994444,4.20944444 L14.192,2.80333333 C13.0191111,2.66877778 11.6555556,2.65733333 10.2331111,2.91577778 Z" id="Shape" fill="#FF913C"> </path> <path d="M28.6304444,27.8954444 L23.3305556,25.624 L17.1937778,25.624 L11.8938889,27.8954444 C10.7657778,28.3788889 10.0342222,29.4882222 10.0342222,30.7156667 L10.0342222,44.0342222 C10.0342222,44.5991111 10.4921111,45.057 11.057,45.057 L28.4444444,45.057 C29.5742222,45.057 30.49,44.1411111 30.49,43.0114444 L30.49,30.7156667 C30.49,29.4882222 29.7585556,28.3788889 28.6304444,27.8954444 Z" id="Shape" fill="#FFAA50"> </path> <path d="M25.2913333,26.4644444 L23.3304444,25.6241111 L17.1936667,25.6241111 L15.2327778,26.4644444 C15.6355556,28.8866667 17.7255556,30.738 20.262,30.738 C22.7984444,30.738 24.8885556,28.8865556 25.2913333,26.4644444 Z" id="Shape" fill="#FF913C"> </path> <path d="M20.2621111,28.6924444 C18.5674444,28.6924444 17.1937778,27.3186667 17.1937778,25.6241111 L17.1937778,22.5556667 L23.3305556,22.5556667 L23.3305556,25.624 C23.3304444,27.3186667 21.9567778,28.6924444 20.2621111,28.6924444 Z" id="Shape" fill="#E6AF78"> </path> <path d="M17.1937778,25.1937778 C18.1717778,25.47 19.1995556,25.624 20.2621111,25.624 C21.3246667,25.624 22.3525556,25.47 23.3304444,25.1937778 L23.3304444,22.5556667 L17.1936667,22.5556667 L17.1937778,25.1937778 Z" id="Shape" fill="#D29B6E"> </path> <path d="M29.4672222,11.305 L29.4672222,9.25944444 C29.4672222,4.17555556 25.346,0.0543333333 20.2621111,0.0543333333 C15.1782222,0.0543333333 11.057,4.17555556 11.057,9.25944444 L11.057,11.305 C9.68777778,11.305 8.63266667,12.6503333 9.14166667,14.0914444 C9.42333333,14.8888889 10.2173333,15.3962222 11.0631111,15.3961111 L11.117,15.3961111 C11.6262222,19.9981111 15.5243333,23.5784444 20.2621111,23.5784444 C24.9998889,23.5784444 28.898,19.9981111 29.4072222,15.3961111 L29.4611111,15.3961111 C30.3068889,15.3961111 31.1008889,14.8888889 31.3825556,14.0914444 C31.8915556,12.6503333 30.8365556,11.305 29.4672222,11.305 Z" id="Shape" fill="#F0C087"> </path> <path d="M16.171,9.25944444 C16.171,5.06388889 18.9807778,1.53077778 22.8191111,0.421777778 C22.0064444,0.187 21.1504444,0.0543333333 20.2621111,0.0543333333 C15.1782222,0.0543333333 11.057,4.17555556 11.057,9.25944444 L11.057,11.305 C9.68777778,11.305 8.63266667,12.6503333 9.14166667,14.0913333 C9.42333333,14.8888889 10.2174444,15.3961111 11.0631111,15.3961111 L11.117,15.3961111 C11.6262222,19.9981111 15.5243333,23.5784444 20.2621111,23.5784444 C21.1542222,23.5784444 22.0163333,23.451 22.8317778,23.2142222 C18.9868889,22.1094444 16.1708889,18.5735556 16.1708889,14.3733333 L16.1708889,12.3277778 L28.4444444,12.3277778 C29.0093333,12.3277778 29.4672222,11.8697778 29.4672222,11.305 L29.4672222,9.25944444 L16.171,9.25944444 Z" id="Shape" fill="#E6AF78"> </path> <g id="Group" transform="translate(15.111111, 12.222222)" fill="#64463C"> <path d="M1.05988889,3.17388889 C0.494555556,3.17388889 0.0371111111,2.71588889 0.0371111111,2.15111111 L0.0371111111,1.12833333 C0.0371111111,0.563555556 0.494555556,0.105555556 1.05988889,0.105555556 C1.62522222,0.105555556 2.08266667,0.563555556 2.08266667,1.12833333 L2.08266667,2.15111111 C2.08266667,2.716 1.62522222,3.17388889 1.05988889,3.17388889 Z" id="Shape"> </path> <path d="M9.24222222,3.17388889 C8.67688889,3.17388889 8.21944444,2.71588889 8.21944444,2.15111111 L8.21944444,1.12833333 C8.21944444,0.563555556 8.67688889,0.105555556 9.24222222,0.105555556 C9.80755556,0.105555556 10.265,0.563555556 10.265,1.12833333 L10.265,2.15111111 C10.265,2.716 9.80755556,3.17388889 9.24222222,3.17388889 Z" id="Shape"> </path> </g> <path d="M20.2621111,19.775 C19.2293333,19.775 18.2644444,19.4278889 17.5433333,18.7976667 C17.1178889,18.4255556 17.0748889,17.7793333 17.4464444,17.3543333 C17.82,16.9278889 18.4652222,16.8868889 18.8897778,17.2574444 C19.575,17.8577778 20.9493333,17.8577778 21.6345556,17.2574444 C22.0571111,16.8868889 22.7043333,16.9278889 23.0778889,17.3543333 C23.4494444,17.7793333 23.4065556,18.4255556 22.981,18.7976667 C22.2597778,19.4278889 21.2948889,19.775 20.2621111,19.775 Z" id="Shape" fill="#D29B6E"> </path> <path d="M13.5262222,32.1844444 L10.4788889,29.1371111 C10.1973333,29.6051111 10.0341111,30.146 10.0341111,30.7156667 L10.0341111,44.0342222 C10.0341111,44.5991111 10.492,45.057 11.0568889,45.057 L14.1252224,45.057 L14.1252222,33.6308889 C14.1254444,33.0883333 13.9098889,32.568 13.5262222,32.1844444 Z" id="Shape" fill="#FF913C"> </path> <path d="M20.2621111,0.0543333333 C14.6133333,0.0543333333 10.0342222,4.63355556 10.0342222,10.2822222 L30.49,10.2822222 C30.49,4.63344444 25.9108889,0.0543333333 20.2621111,0.0543333333 Z" id="Shape" fill="#64463C"> </path> <path d="M22.8191111,0.389555556 C22.0004444,0.178444444 21.1467778,0.0542222222 20.2621111,0.0542222222 C14.6134444,0.0542222222 10.0342222,4.63333333 10.0342222,10.2821111 L15.1482222,10.2821111 C15.1482222,5.51811111 18.4102222,1.52666667 22.8191111,0.389555556 Z" id="Shape" fill="#553732"> </path> <path d="M16.171,7.15266667 L22.3077778,10.2822222 C22.3077778,10.2822222 23.6502222,5.23222222 28.7641111,4.20944444 L32.3225556,1.41811111 C32.3225556,1.418 21.7257778,-3.16344444 16.171,7.15266667 Z" id="Shape" fill="#64463C"> </path> <path d="M18.7344444,8.45988889 L22.3076667,10.2822222 C22.3076667,10.2822222 23.6501111,5.23222222 28.764,4.20944444 L30.5565556,2.80333333 C27.1598889,2.414 22.1754444,2.99833333 18.7344444,8.45988889 Z" id="Shape" fill="#553732"> </path> <path d="M26.6803333,4.938 C27.2954444,4.62488889 27.9805556,4.366 28.7641111,4.20933333 L32.3225556,1.418 C32.3225556,1.418 30.1134444,0.467 27.1862222,0.409888889 C26.9046667,1.04233333 26.3277778,2.69077778 26.6803333,4.938 Z" id="Shape" fill="#FFAA50"> </path> <path d="M26.5976667,2.91577778 C26.5542222,3.51577778 26.5628889,4.18988889 26.6802222,4.93811111 C27.2954444,4.625 27.9804444,4.36611111 28.764,4.20944444 L30.5565556,2.80333333 C29.3837778,2.66877778 28.0202222,2.65733333 26.5976667,2.91577778 Z" id="Shape" fill="#FF913C"> </path> <path d="M56.6091111,7.39411111 L51.4722222,10.0137778 C51.2021111,10.1515556 50.8717778,10.0263333 50.7632222,9.74322222 C50.2533333,8.41377778 48.575,5.02644444 44.4895556,4.20933333 L40.9311111,1.418 C40.9311111,1.418 51.2018889,-3.02244444 56.8207778,6.68355556 C56.967,6.93644444 56.8694444,7.26133333 56.6091111,7.39411111 Z" id="Shape" fill="#64463C"> </path> <path d="M54.5191111,8.45988889 L51.4721111,10.0137778 C51.202,10.1515556 50.8716667,10.0263333 50.7631111,9.74322222 C50.2532222,8.41377778 48.5748889,5.02644444 44.4894444,4.20933333 L42.6968889,2.80322222 C46.0936667,2.414 51.078,2.99833333 54.5191111,8.45988889 Z" id="Shape" fill="#553732"> </path> <path d="M46.5732222,4.938 C45.9581111,4.62488889 45.273,4.366 44.4894444,4.20933333 L40.931,1.418 C40.931,1.418 43.1401111,0.467 46.0673333,0.409888889 C46.3487778,1.04233333 46.9257778,2.69077778 46.5732222,4.938 Z" id="Shape" fill="#FFAA50"> </path> <path d="M46.6557778,2.91577778 C46.6992222,3.51577778 46.6905556,4.18988889 46.5732222,4.93811111 C45.958,4.625 45.273,4.36611111 44.4894444,4.20944444 L42.6968889,2.80333333 C43.8697778,2.66877778 45.2333333,2.65733333 46.6557778,2.91577778 Z" id="Shape" fill="#FF913C"> </path> <path d="M44.995,27.8954444 L39.6951111,25.624 L33.5583333,25.624 L28.2584444,27.8954444 C27.1303333,28.3788889 26.3987778,29.4882222 26.3987778,30.7156667 L26.3987778,44.0342222 C26.3987778,44.5991111 26.8566667,45.057 27.4215556,45.057 L45.8317778,45.057 C46.3966667,45.057 46.8545556,44.5991111 46.8545556,44.0342222 L46.8545556,30.7156667 C46.8546667,29.4882222 46.1232222,28.3788889 44.995,27.8954444 Z" id="Shape" fill="#FFAA50"> </path> <path d="M41.656,26.4644444 L39.6951111,25.6241111 L33.5583333,25.6241111 L31.5974444,26.4644444 C32.0002222,28.8866667 34.0902222,30.738 36.6266667,30.738 C39.1631111,30.738 41.2532222,28.8865556 41.656,26.4644444 Z" id="Shape" fill="#FF913C"> </path> <path d="M36.6267778,28.6924444 C34.9321111,28.6924444 33.5584444,27.3186667 33.5584444,25.6241111 L33.5584444,22.5556667 L39.6952222,22.5556667 L39.6952222,25.624 C39.6951111,27.3186667 38.3213333,28.6924444 36.6267778,28.6924444 Z" id="Shape" fill="#E6AF78"> </path> <path d="M33.5584444,25.1937778 C34.5364444,25.47 35.5642222,25.624 36.6267778,25.624 C37.6893333,25.624 38.7172222,25.47 39.6951111,25.1937778 L39.6951111,22.5556667 L33.5583333,22.5556667 L33.5583333,25.1937778 L33.5584444,25.1937778 Z" id="Shape" fill="#D29B6E"> </path> <path d="M45.8318889,11.305 L45.8318889,9.25944444 C45.8318889,4.17555556 41.7106667,0.0543333333 36.6267778,0.0543333333 C31.543,0.0543333333 27.4216667,4.17555556 27.4216667,9.25944444 L27.4216667,11.305 C26.0524444,11.305 24.9973333,12.6503333 25.5063333,14.0914444 C25.788,14.8888889 26.582,15.3962222 27.4277778,15.3961111 L27.4816667,15.3961111 C27.9908889,19.9981111 31.889,23.5784444 36.6267778,23.5784444 C41.3645556,23.5784444 45.2626667,19.9981111 45.7718889,15.3961111 L45.8257778,15.3961111 C46.6715556,15.3961111 47.4655556,14.8888889 47.7472222,14.0914444 C48.2562222,12.6503333 47.2011111,11.305 45.8318889,11.305 Z" id="Shape" fill="#F0C087"> </path> <path d="M32.5355556,9.25944444 C32.5355556,5.06388889 35.3453333,1.53077778 39.1836667,0.421777778 C38.371,0.187 37.515,0.0543333333 36.6266667,0.0543333333 C31.5427778,0.0543333333 27.4215556,4.17555556 27.4215556,9.25944444 L27.4215556,11.305 C26.0523333,11.305 24.9972222,12.6503333 25.5062222,14.0913333 C25.7878889,14.8888889 26.582,15.3961111 27.4276667,15.3961111 L27.4815556,15.3961111 C27.9907778,19.9981111 31.8888889,23.5784444 36.6266667,23.5784444 C37.5187778,23.5784444 38.3808889,23.451 39.1963333,23.2142222 C35.3514444,22.1094444 32.5354444,18.5735556 32.5354444,14.3733333 L32.5354444,12.3277778 L44.8088889,12.3277778 C45.3737778,12.3277778 45.8316667,11.8697778 45.8316667,11.305 L45.8316667,9.25944444 L32.5355556,9.25944444 Z" id="Shape" fill="#E6AF78"> </path> <g id="Group" transform="translate(31.444444, 12.222222)" fill="#64463C"> <path d="M1.09111111,3.17388889 C0.525777778,3.17388889 0.0683333333,2.71588889 0.0683333333,2.15111111 L0.0683333333,1.12833333 C0.0683333333,0.563555556 0.525777778,0.105555556 1.09111111,0.105555556 C1.65644444,0.105555556 2.11388889,0.563555556 2.11388889,1.12833333 L2.11388889,2.15111111 C2.114,2.716 1.65644444,3.17388889 1.09111111,3.17388889 Z" id="Shape"> </path> <path d="M9.27344444,3.17388889 C8.70811111,3.17388889 8.25066667,2.71588889 8.25066667,2.15111111 L8.25066667,1.12833333 C8.25066667,0.563555556 8.70811111,0.105555556 9.27344444,0.105555556 C9.83877778,0.105555556 10.2962222,0.563555556 10.2962222,1.12833333 L10.2962222,2.15111111 C10.2962222,2.716 9.83877778,3.17388889 9.27344444,3.17388889 Z" id="Shape"> </path> </g> <path d="M36.6267778,19.775 C35.594,19.775 34.6291111,19.4278889 33.908,18.7976667 C33.4825556,18.4255556 33.4395556,17.7793333 33.8111111,17.3543333 C34.1846667,16.9278889 34.8298889,16.8868889 35.2544444,17.2574444 C35.9396667,17.8577778 37.314,17.8577778 37.9992222,17.2574444 C38.4216667,16.8868889 39.069,16.9278889 39.4425556,17.3543333 C39.8141111,17.7793333 39.7711111,18.4255556 39.3456667,18.7976667 C38.6244444,19.4278889 37.6595556,19.775 36.6267778,19.775 Z" id="Shape" fill="#D29B6E"> </path> <g id="Group" transform="translate(26.333333, 29.111111)" fill="#FF913C"> <path d="M3.55755556,3.07333333 L0.510222222,0.026 C0.228666667,0.494 0.0654444444,1.03488889 0.0654444444,1.60455556 L0.0654444444,14.9231111 C0.0654444444,15.488 0.523333333,15.9458889 1.08822222,15.9458889 L4.1565556,15.9458889 L4.15655556,4.51977778 C4.15666667,3.97722222 3.94122222,3.45688889 3.55755556,3.07333333 Z" id="Shape"> </path> <path d="M17.0293333,3.07333333 L20.0766667,0.026 C20.3582222,0.494 20.5214444,1.03488889 20.5214444,1.60455556 L20.5214444,14.9231111 C20.5214444,15.488 20.0635556,15.9458889 19.4986667,15.9458889 L16.4303332,15.9458889 L16.4303333,4.51977778 C16.4301111,3.97722222 16.6456667,3.45688889 17.0293333,3.07333333 Z" id="Shape"> </path> </g> <path d="M36.6267778,0.0543333333 C30.978,0.0543333333 26.3988889,4.63355556 26.3988889,10.2822222 L46.8546667,10.2822222 C46.8546667,4.63344444 42.2754444,0.0543333333 36.6267778,0.0543333333 Z" id="Shape" fill="#64463C"> </path> <path d="M39.1837778,0.389555556 C38.3651111,0.178444444 37.5114444,0.0542222222 36.6267778,0.0542222222 C30.9781111,0.0542222222 26.3988889,4.63333333 26.3988889,10.2821111 L31.5128889,10.2821111 C31.5127778,5.51811111 34.7747778,1.52666667 39.1837778,0.389555556 Z" id="Shape" fill="#553732"> </path> </g> </g> </svg>