{"id":2025,"date":"2024-02-26T22:57:19","date_gmt":"2024-02-27T01:57:19","guid":{"rendered":"https:\/\/515.li\/?p=2025"},"modified":"2025-08-12T17:30:38","modified_gmt":"2025-08-12T20:30:38","slug":"o-que-e-affordance","status":"publish","type":"post","link":"https:\/\/515.li\/index.php\/2024\/02\/26\/o-que-e-affordance\/","title":{"rendered":"O que \u00e9 Affordance"},"content":{"rendered":"\n<svg width=\"500\" height=\"500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 500\"><g id=\"freepik--Floor--inject-33\"><path id=\"freepik--floor--inject-33\" d=\"M102.57,450.16C27.86,407,27.86,337.1,102.57,294s195.83-43.13,270.53,0,74.71,113.06,0,156.19S177.28,493.29,102.57,450.16Z\" style=\"fill:#f5f5f5\"><\/path><\/g><g id=\"freepik--Wall--inject-33\"><g id=\"freepik--Bricks--inject-33\"><path d=\"M117.7,169v3.82c0,1.21.85,1.7,1.89,1.09l3.69-2.13v-8.19l-3.69,2.13A4.2,4.2,0,0,0,117.7,169Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M123.28,294.35l-15.4,8.9a4.16,4.16,0,0,0-1.89,3.27v3.83c0,1.2.84,1.69,1.89,1.09l15.4-8.89Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M106,165.71v3.83c0,1.2.84,1.69,1.89,1.09l15.4-8.9v-8.19l-15.4,8.9A4.16,4.16,0,0,0,106,165.71Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M114.32,209l-17.5,10.11a4.19,4.19,0,0,0-1.89,3.27v3.83c0,1.2.85,1.69,1.89,1.09l17.5-10.1a4.18,4.18,0,0,0,1.89-3.28v-3.82C116.21,208.84,115.37,208.35,114.32,209Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M123.28,254.12l-15.4,8.9a4.16,4.16,0,0,0-1.89,3.27v3.83c0,1.2.84,1.69,1.89,1.09l15.4-8.9Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M106,125.48v3.82c0,1.21.84,1.7,1.89,1.1l15.4-8.9v-8.19l-15.4,8.9A4.14,4.14,0,0,0,106,125.48Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M123.28,354.7l-15.4,8.9a4.16,4.16,0,0,0-1.89,3.27v3.83c0,1.2.84,1.69,1.89,1.09l15.4-8.9Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M88.46,246.42v3.82c0,1.21.84,1.7,1.89,1.09l17.49-10.1a4.17,4.17,0,0,0,1.9-3.27v-3.83c0-1.2-.85-1.69-1.9-1.09l-17.49,10.1A4.18,4.18,0,0,0,88.46,246.42Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M106,205.94v3.83c0,1.2.84,1.69,1.89,1.09l15.4-8.89v-8.2l-15.4,8.9A4.16,4.16,0,0,0,106,205.94Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M104.5,271v-3.82c0-1.21-.85-1.7-1.89-1.09l-17.5,10.1a4.19,4.19,0,0,0-1.89,3.27v3.83c0,1.2.85,1.69,1.89,1.09l17.5-10.1A4.2,4.2,0,0,0,104.5,271Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M96.82,368.06l17.5-10.1a4.18,4.18,0,0,0,1.89-3.28v-3.82c0-1.21-.84-1.7-1.89-1.09l-17.5,10.1a4.19,4.19,0,0,0-1.89,3.27V367C94.93,368.17,95.78,368.66,96.82,368.06Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M104.59,114.14l-17.5,10.1a4.16,4.16,0,0,0-1.89,3.27v3.83c0,1.2.84,1.69,1.89,1.09l17.5-10.1a4.2,4.2,0,0,0,1.89-3.28v-3.82C106.48,114,105.63,113.53,104.59,114.14Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M114.32,128.49l-17.5,10.1a4.2,4.2,0,0,0-1.89,3.28v3.82c0,1.21.85,1.7,1.89,1.09l17.5-10.1a4.16,4.16,0,0,0,1.89-3.27v-3.83C116.21,128.38,115.37,127.89,114.32,128.49Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M114.32,168.72l-17.5,10.11a4.17,4.17,0,0,0-1.89,3.27v3.83c0,1.2.85,1.69,1.89,1.09l17.5-10.11a4.16,4.16,0,0,0,1.89-3.27v-3.83C116.21,168.61,115.37,168.12,114.32,168.72Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M96.82,287.6l17.5-10.11a4.14,4.14,0,0,0,1.89-3.27v-3.83c0-1.2-.84-1.69-1.89-1.09l-17.5,10.11a4.17,4.17,0,0,0-1.89,3.27v3.83C94.93,287.71,95.78,288.2,96.82,287.6Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M123.28,314.47l-15.4,8.9a4.14,4.14,0,0,0-1.89,3.27v3.82c0,1.21.84,1.7,1.89,1.1l15.4-8.9Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M286.75,83.88V87.7A4.19,4.19,0,0,1,284.86,91l-3.69,2.13V84.92l3.69-2.13C285.9,82.19,286.75,82.67,286.75,83.88Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M281.17,215.7l15.41-8.89c1-.61,1.89-.12,1.89,1.09v3.82a4.2,4.2,0,0,1-1.89,3.28l-15.41,8.89Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M298.47,67.09v3.82a4.2,4.2,0,0,1-1.89,3.28l-15.41,8.89V74.89L296.58,66C297.62,65.39,298.47,65.88,298.47,67.09Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M290.13,120l17.5-10.11c1-.6,1.89-.11,1.89,1.09v3.83a4.17,4.17,0,0,1-1.89,3.27l-17.5,10.11c-1.05.6-1.89.11-1.89-1.09v-3.83A4.16,4.16,0,0,1,290.13,120Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M281.17,175.47l15.41-8.89c1-.61,1.89-.12,1.89,1.09v3.82a4.2,4.2,0,0,1-1.89,3.28l-15.41,8.89Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M298.47,26.85v3.83A4.17,4.17,0,0,1,296.58,34l-15.41,8.9V34.66l15.41-8.9C297.62,25.16,298.47,25.65,298.47,26.85Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M281.17,276.05l15.41-8.89c1-.61,1.89-.12,1.89,1.09v3.82a4.2,4.2,0,0,1-1.89,3.28l-15.41,8.89Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M316,127.55v3.83a4.19,4.19,0,0,1-1.89,3.27l-17.5,10.1c-1.05.61-1.89.12-1.89-1.09v-3.82a4.18,4.18,0,0,1,1.89-3.28l17.5-10.1C315.15,125.86,316,126.35,316,127.55Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M298.47,107.32v3.82a4.19,4.19,0,0,1-1.89,3.28l-15.41,8.89v-8.19l15.41-8.89C297.62,105.62,298.47,106.11,298.47,107.32Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M300,170.61v-3.82a4.19,4.19,0,0,1,1.89-3.28l17.5-10.1c1.05-.6,1.89-.12,1.89,1.09v3.83a4.16,4.16,0,0,1-1.89,3.27l-17.5,10.1C300.8,172.31,300,171.82,300,170.61Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M307.63,258.86,290.13,269c-1.05.6-1.89.11-1.89-1.09V264a4.16,4.16,0,0,1,1.89-3.27l17.5-10.1c1-.61,1.89-.12,1.89,1.09v3.82A4.2,4.2,0,0,1,307.63,258.86Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M290.13,39.49l17.5-10.1c1-.6,1.89-.11,1.89,1.09v3.83a4.19,4.19,0,0,1-1.89,3.27l-17.5,10.1c-1.05.61-1.89.12-1.89-1.09V42.77A4.18,4.18,0,0,1,290.13,39.49Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M290.13,79.72l17.5-10.1c1-.6,1.89-.11,1.89,1.09v3.83a4.19,4.19,0,0,1-1.89,3.27l-17.5,10.11c-1.05.6-1.89.11-1.89-1.1V83A4.18,4.18,0,0,1,290.13,79.72Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M307.63,178.39l-17.5,10.11c-1.05.6-1.89.11-1.89-1.1v-3.82a4.18,4.18,0,0,1,1.89-3.28l17.5-10.1c1-.6,1.89-.11,1.89,1.09v3.83A4.19,4.19,0,0,1,307.63,178.39Z\" style=\"fill:#e0e0e0\"><\/path><path d=\"M281.17,235.82l15.41-8.9c1-.6,1.89-.11,1.89,1.09v3.83a4.19,4.19,0,0,1-1.89,3.27L281.17,244Z\" style=\"fill:#e0e0e0\"><\/path><\/g><g id=\"freepik--Interior--inject-33\"><polygon points=\"138.88 277.56 265.12 350.48 265.12 45.36 138.88 118.29 138.88 277.56\" style=\"fill:#5EFF7E\"><\/polygon><polygon points=\"138.88 277.56 265.12 350.48 265.12 45.36 138.88 118.29 138.88 277.56\" style=\"opacity:0.4\"><\/polygon><polygon points=\"265.12 350.48 138.88 277.56 138.88 423.34 265.12 350.48\" style=\"fill:#e0e0e0\"><\/polygon><\/g><g id=\"freepik--Casing--inject-33\"><polygon points=\"265.12 350.48 271.02 353.87 271.02 41.95 265.12 45.36 265.12 350.48\" style=\"fill:#5EFF7E\"><\/polygon><polygon points=\"265.12 350.48 271.02 353.87 271.02 41.95 265.12 45.36 265.12 350.48\" style=\"fill:#fff;opacity:0.4\"><\/polygon><polygon points=\"265.12 350.48 271.02 353.87 271.02 41.95 265.12 45.36 265.12 350.48\" style=\"opacity:0.1\"><\/polygon><polygon points=\"271.02 353.87 281.17 348.01 281.17 20.55 129.09 108.35 129.1 435.81 138.88 430.16 138.88 118.29 271.02 41.95 271.02 353.87\" style=\"fill:#5EFF7E\"><\/polygon><polygon points=\"271.02 353.87 281.17 348.01 281.17 20.55 129.09 108.35 129.1 435.81 138.88 430.16 138.88 118.29 271.02 41.95 271.02 353.87\" style=\"fill:#fff;opacity:0.7000000000000001\"><\/polygon><polygon points=\"281.17 20.55 129.09 108.35 123.28 104.97 275.36 17.18 281.17 20.55\" style=\"fill:#5EFF7E\"><\/polygon><polygon points=\"281.17 20.55 129.09 108.35 123.28 104.97 275.36 17.18 281.17 20.55\" style=\"fill:#fff;opacity:0.85\"><\/polygon><polygon points=\"129.09 435.81 129.09 108.35 123.28 104.97 123.19 432.4 129.09 435.81\" style=\"fill:#5EFF7E\"><\/polygon><polyline points=\"123.28 104.97 123.19 432.4 129.09 435.81 129.09 108.35\" style=\"fill:#fff;opacity:0.6000000000000001\"><\/polyline><\/g><\/g><g id=\"freepik--question-marks--inject-33\"><g id=\"freepik--question-marks--inject-33\"><path d=\"M337.35,89a11.72,11.72,0,0,1,3.35.19,9,9,0,0,1,3,1.16,7.08,7.08,0,0,1,2.19,2.1,7,7,0,0,1,.78,5.61,7.56,7.56,0,0,1-1,2,12.69,12.69,0,0,1-1.4,1.69l-1.46,1.46a10.46,10.46,0,0,0-1.2,1.43,3,3,0,0,0-.54,1.54,1.5,1.5,0,0,1-.27.71.8.8,0,0,1-.62.34l-2.75.23a1,1,0,0,1-.73-.23.82.82,0,0,1-.33-.66,6.32,6.32,0,0,1,.39-2.53,8.77,8.77,0,0,1,1.11-2,12.94,12.94,0,0,1,1.46-1.66c.53-.51,1-1,1.46-1.45a8.06,8.06,0,0,0,1.09-1.37,2.27,2.27,0,0,0,.35-1.43,2.73,2.73,0,0,0-1.34-2.16,5,5,0,0,0-3.15-.63,4.75,4.75,0,0,0-4.25,3.45,2.29,2.29,0,0,1-.33.63,1,1,0,0,1-.66.25l-2.92.24a.76.76,0,0,1-.58-.17.73.73,0,0,1-.28-.55,5.56,5.56,0,0,1,.56-2.65A8.88,8.88,0,0,1,331,91.93a10.69,10.69,0,0,1,2.78-2A9.32,9.32,0,0,1,337.35,89Zm3.16,20.39a1,1,0,0,1,.71.24.9.9,0,0,1,.34.66l.27,3.18a1,1,0,0,1-.23.71.93.93,0,0,1-.67.34l-3.1.26a.93.93,0,0,1-.71-.23.94.94,0,0,1-.35-.66l-.26-3.18a.89.89,0,0,1,.23-.71.91.91,0,0,1,.66-.35Z\" style=\"fill:#5EFF7E\"><\/path><path d=\"M359.75,123.49a9,9,0,0,1,2.41,1.07,7,7,0,0,1,1.87,1.66,5.63,5.63,0,0,1,1,2.16,4.87,4.87,0,0,1-.1,2.53,4.94,4.94,0,0,1-.88,1.81,6.08,6.08,0,0,1-1.28,1.21,10.13,10.13,0,0,1-1.5.85l-1.48.68a7.77,7.77,0,0,0-1.27.72,2.26,2.26,0,0,0-.82,1,1.17,1.17,0,0,1-.4.45.63.63,0,0,1-.55.08l-2.09-.59a.72.72,0,0,1-.47-.37.64.64,0,0,1-.06-.57,5,5,0,0,1,1-1.75,7.27,7.27,0,0,1,1.37-1.19,9.93,9.93,0,0,1,1.54-.82c.53-.23,1-.45,1.47-.67a6.23,6.23,0,0,0,1.18-.7,1.8,1.8,0,0,0,.65-1,2.13,2.13,0,0,0-.39-2,3.93,3.93,0,0,0-2.14-1.33,3.74,3.74,0,0,0-4.09,1.37,1.66,1.66,0,0,1-.41.37.78.78,0,0,1-.55,0l-2.22-.63a.61.61,0,0,1-.38-.28.6.6,0,0,1-.06-.49,4.42,4.42,0,0,1,1.14-1.8,7.09,7.09,0,0,1,2-1.38,8.59,8.59,0,0,1,2.6-.71A7.59,7.59,0,0,1,359.75,123.49Zm-3.29,15.89a.75.75,0,0,1,.46.36.76.76,0,0,1,.07.59l-.68,2.41a.75.75,0,0,1-.36.46.77.77,0,0,1-.59.07l-2.36-.66a.72.72,0,0,1-.45-.37.74.74,0,0,1-.08-.58l.68-2.42a.77.77,0,0,1,.37-.46.74.74,0,0,1,.58-.07Z\" style=\"fill:#5EFF7E\"><\/path><g style=\"opacity:0.2\"><path d=\"M359.75,123.49a9,9,0,0,1,2.41,1.07,7,7,0,0,1,1.87,1.66,5.63,5.63,0,0,1,1,2.16,4.87,4.87,0,0,1-.1,2.53,4.94,4.94,0,0,1-.88,1.81,6.08,6.08,0,0,1-1.28,1.21,10.13,10.13,0,0,1-1.5.85l-1.48.68a7.77,7.77,0,0,0-1.27.72,2.26,2.26,0,0,0-.82,1,1.17,1.17,0,0,1-.4.45.63.63,0,0,1-.55.08l-2.09-.59a.72.72,0,0,1-.47-.37.64.64,0,0,1-.06-.57,5,5,0,0,1,1-1.75,7.27,7.27,0,0,1,1.37-1.19,9.93,9.93,0,0,1,1.54-.82c.53-.23,1-.45,1.47-.67a6.23,6.23,0,0,0,1.18-.7,1.8,1.8,0,0,0,.65-1,2.13,2.13,0,0,0-.39-2,3.93,3.93,0,0,0-2.14-1.33,3.74,3.74,0,0,0-4.09,1.37,1.66,1.66,0,0,1-.41.37.78.78,0,0,1-.55,0l-2.22-.63a.61.61,0,0,1-.38-.28.6.6,0,0,1-.06-.49,4.42,4.42,0,0,1,1.14-1.8,7.09,7.09,0,0,1,2-1.38,8.59,8.59,0,0,1,2.6-.71A7.59,7.59,0,0,1,359.75,123.49Zm-3.29,15.89a.75.75,0,0,1,.46.36.76.76,0,0,1,.07.59l-.68,2.41a.75.75,0,0,1-.36.46.77.77,0,0,1-.59.07l-2.36-.66a.72.72,0,0,1-.45-.37.74.74,0,0,1-.08-.58l.68-2.42a.77.77,0,0,1,.37-.46.74.74,0,0,1,.58-.07Z\"><\/path><\/g><path d=\"M370.58,112.1a.71.71,0,0,1,.32.48.73.73,0,0,1-.11.56l-1.37,2a.71.71,0,0,1-.48.32.74.74,0,0,1-.56-.11l-2-1.34a.7.7,0,0,1-.31-.48.74.74,0,0,1,.11-.56l1.37-2a.76.76,0,0,1,1-.2Zm7.9-13.69a9.16,9.16,0,0,1,1.9,1.72,6.85,6.85,0,0,1,1.22,2.11,5.35,5.35,0,0,1,.3,2.31,4.82,4.82,0,0,1-.86,2.32,5.11,5.11,0,0,1-1.36,1.41,6.1,6.1,0,0,1-1.56.72,9.45,9.45,0,0,1-1.65.33l-1.57.17a7.54,7.54,0,0,0-1.4.29,2.3,2.3,0,0,0-1.06.65,1,1,0,0,1-.5.3.62.62,0,0,1-.54-.1l-1.75-1.18a.74.74,0,0,1-.32-.48.62.62,0,0,1,.12-.56,5.21,5.21,0,0,1,1.44-1.32,6.92,6.92,0,0,1,1.63-.67,9.94,9.94,0,0,1,1.67-.3c.56,0,1.08-.1,1.57-.16a6.41,6.41,0,0,0,1.3-.29,1.83,1.83,0,0,0,.9-.69,2.09,2.09,0,0,0,.23-1.93,3.8,3.8,0,0,0-1.57-1.89,3.67,3.67,0,0,0-4.2,0,1.55,1.55,0,0,1-.49.22.78.78,0,0,1-.52-.16L369.55,100a.57.57,0,0,1-.26-.38.55.55,0,0,1,.1-.47,4.32,4.32,0,0,1,1.6-1.31,6.55,6.55,0,0,1,2.29-.66,8.09,8.09,0,0,1,2.62.14A7.41,7.41,0,0,1,378.48,98.41Z\" style=\"fill:#5EFF7E\"><\/path><g style=\"opacity:0.6000000000000001\"><path d=\"M370.58,112.1a.71.71,0,0,1,.32.48.73.73,0,0,1-.11.56l-1.37,2a.71.71,0,0,1-.48.32.74.74,0,0,1-.56-.11l-2-1.34a.7.7,0,0,1-.31-.48.74.74,0,0,1,.11-.56l1.37-2a.76.76,0,0,1,1-.2Zm7.9-13.69a9.16,9.16,0,0,1,1.9,1.72,6.85,6.85,0,0,1,1.22,2.11,5.35,5.35,0,0,1,.3,2.31,4.82,4.82,0,0,1-.86,2.32,5.11,5.11,0,0,1-1.36,1.41,6.1,6.1,0,0,1-1.56.72,9.45,9.45,0,0,1-1.65.33l-1.57.17a7.54,7.54,0,0,0-1.4.29,2.3,2.3,0,0,0-1.06.65,1,1,0,0,1-.5.3.62.62,0,0,1-.54-.1l-1.75-1.18a.74.74,0,0,1-.32-.48.62.62,0,0,1,.12-.56,5.21,5.21,0,0,1,1.44-1.32,6.92,6.92,0,0,1,1.63-.67,9.94,9.94,0,0,1,1.67-.3c.56,0,1.08-.1,1.57-.16a6.41,6.41,0,0,0,1.3-.29,1.83,1.83,0,0,0,.9-.69,2.09,2.09,0,0,0,.23-1.93,3.8,3.8,0,0,0-1.57-1.89,3.67,3.67,0,0,0-4.2,0,1.55,1.55,0,0,1-.49.22.78.78,0,0,1-.52-.16L369.55,100a.57.57,0,0,1-.26-.38.55.55,0,0,1,.1-.47,4.32,4.32,0,0,1,1.6-1.31,6.55,6.55,0,0,1,2.29-.66,8.09,8.09,0,0,1,2.62.14A7.41,7.41,0,0,1,378.48,98.41Z\" style=\"fill:#fff\"><\/path><\/g><\/g><\/g><g id=\"freepik--Character--inject-33\"><g id=\"freepik--character--inject-33\"><g id=\"freepik--Bottom--inject-33\"><path d=\"M288.1,383c-.22,2.38,1.33,8.58,1.33,8.58s1.32,2,5.08,2.92l.26-9Z\" style=\"fill:#263238\"><\/path><polygon points=\"294.51 394.45 301.93 390.7 302.75 383.49 294.66 389.26 294.51 394.45\"><\/polygon><path d=\"M300.15,372.61,300,371.1c1.14.36,4.13,8.79,8.18,14.17,3.7,4.91,9.86,7,12.07,9.06,2.95,2.73-1.25,7.48-9.24,7-4-.24-10.15-1.8-12.12-4.15s-3.24-7-4.82-8.74-5-3.43-5.95-5.5c-.54-1.14-.34-3.78,0-6,.3-2.07.63-4.34,1.34-4.23,0,.25.17,1.27.17,1.27.24,1,1.57,2.06,5.72,1.61C297.19,375.37,300.48,374.66,300.15,372.61Z\" style=\"fill:#455a64\"><\/path><path d=\"M218.31,336.9c-1.27,1.75-3.51,14-3.51,14s2.93,4.28,4.62,5.58l5.43-11.52Z\" style=\"fill:#263238\"><\/path><polygon points=\"219.42 356.43 229.38 354.14 233.08 346.47 222.71 349.36 219.42 356.43\"><\/polygon><path d=\"M225.73,329.13c-.57-.43-1.39.69-3.38,2.47-1.4,1.25-4.42,2.43-4.42,6,0,2.57,1.71,5.74,3.35,8.4s1.88,5.05,1.87,8.83c0,4.57-.84,7.37,4.78,11.44,4.5,3.25,13.64,3.85,15.65,2,3.44-3.22-4.59-7.64-5.9-14.23-1.8-9.09-2-10.61-1.75-17Z\" style=\"fill:#455a64\"><\/path><path d=\"M313.67,217.4c-4.38,2.37-17.68,3-36.34-1l2.21,54S263.19,282,258.16,288.33s-29.22,37.08-29.22,37.08h0l-3.34,3.87c-2.07,2.4-1,5.64,1.4,7.71,2.31,1.9,5.32,3.24,7.57,1.28l2.76-2.4s54.06-41.67,56-44.33,6.49-9.26,11.4-23.19C311.07,250.48,312.13,237.54,313.67,217.4Z\" style=\"fill:#ffa8a7\"><\/path><path d=\"M313.66,217.4c-11.81,5.42-35.55,3.57-35.55,3.57l1.09,49.35a103.9,103.9,0,0,0-16.68,12.61c-7.08,6.82-17.88,21-17.88,21,3.7,10.41,14.24,15.27,14.24,15.27s22.17-15.53,34.57-24.32c6.49-4.59,11.37-7.15,13.32-14.62a145.09,145.09,0,0,0,3.54-17.39c1.06-6.45,1.57-13.79,2.19-19.22A171.8,171.8,0,0,0,313.66,217.4Z\" style=\"fill:#5EFF7E\"><\/path><path d=\"M313.66,217.4c-11.81,5.42-35.55,3.57-35.55,3.57l1.09,49.35a103.9,103.9,0,0,0-16.68,12.61c-7.08,6.82-17.88,21-17.88,21,3.7,10.41,14.24,15.27,14.24,15.27s22.17-15.53,34.57-24.32c6.49-4.59,11.37-7.15,13.32-14.62a145.09,145.09,0,0,0,3.54-17.39c1.06-6.45,1.57-13.79,2.19-19.22A171.8,171.8,0,0,0,313.66,217.4Z\" style=\"opacity:0.4\"><\/path><path d=\"M293.94,281.43l-1.88-27.28-7-6.51-6,16.05.15,6.63a111.22,111.22,0,0,0-11.15,7.79l1,2.41,5.69,13.75s-2,9.38-1.16,14.56c6.55-4.6,14-9.85,19.59-13.8Z\" style=\"opacity:0.1\"><\/path><path d=\"M300.53,373.8l0-1.12c-.86-10.09.53-65.57.47-80.54-.07-16.21-3-55.48-3-55.48s9.58-12.51,15.75-19.26c-5.83,6.67-35.23,3.29-37-9.55-2.41,5.06-11,10.28-11.71,26.91-1,21.19,14,58.66,14,58.66-.57,2.83-3.14,14.69-1.63,25.64,2.38,17.28,10.92,47.83,11.82,52l.55,3.55C291.65,376.93,299.18,376.58,300.53,373.8Z\" style=\"fill:#ffa8a7\"><\/path><path d=\"M301.21,262.49l-.86-22.13s8.91-2.32,12.52-9.81a71,71,0,0,0,.8-13.15s-7.79,3.61-18.74.94a41,41,0,0,1-18.28-10.49s-2.1,2.07-6.41,8.5c-2.06,3.07-5.54,11-5.84,17.19-.69,14.13,3.82,29.21,3.82,29.21,2.3,11.06,9.28,31.19,9.28,31.19s-2.66,14.66-1.32,25.17,5.59,22.39,5.59,22.39,11.85,4,19.64-.64c0,0,.37-36.55.51-50.81S301.21,262.49,301.21,262.49Z\" style=\"fill:#5EFF7E\"><\/path><path d=\"M301.21,262.49l-.86-22.13s8.91-2.32,12.52-9.81a71,71,0,0,0,.8-13.15s-7.79,3.61-18.74.94a41,41,0,0,1-18.28-10.49s-2.1,2.07-6.41,8.5c-2.06,3.07-5.54,11-5.84,17.19-.69,14.13,3.82,29.21,3.82,29.21,2.3,11.06,9.28,31.19,9.28,31.19s-2.66,14.66-1.32,25.17,5.59,22.39,5.59,22.39,11.85,4,19.64-.64c0,0,.37-36.55.51-50.81S301.21,262.49,301.21,262.49Z\" style=\"opacity:0.30000000000000004\"><\/path><\/g><g id=\"freepik--Top--inject-33\"><path d=\"M341.37,169.75a9,9,0,0,0,.54-11.23c-4.11-6.43-13.81-3.93-13.81-3.93l-2.59-4.17h0a7.58,7.58,0,0,1,3-.18,15.2,15.2,0,0,0,5.36-.76,8.14,8.14,0,0,0,4.55-3.25,4.29,4.29,0,0,0-.48-5.25,6.78,6.78,0,0,0,6.78-7.58,2.85,2.85,0,0,0-.62-1.6,4.1,4.1,0,0,0-1.82-.93,13.57,13.57,0,0,1-4.89-3c-2.77-2.65-3.94-5.76-7.77-8.25a19.68,19.68,0,0,0-10.92-3.24c-4.39,0-8.35,1.26-11.32,4.89-4.9,0-11.28,2.91-15.64,15-4.29,11.9-2.73,25.8,5.38,38.23,5.35,8.2,26.68,21.82,41.93,16.45S347.89,170.13,341.37,169.75Z\" style=\"fill:#263238\"><\/path><path d=\"M315.93,166.53c11.84,2.2,12.52,8.11,13.12,13.28,1.55,13.47-1.12,35.72-2.05,40.62,0,0-15.92-4.86-15.74-5.65S315.93,166.53,315.93,166.53Z\" style=\"fill:#ffa8a7\"><\/path><path d=\"M316.12,212.62s5.36-1.25,9.41,0c0,0-3.33-3.46-10.94-1.21Z\" style=\"fill:#f28f8f\"><\/path><path d=\"M314.76,216.44a80.52,80.52,0,0,0,4-13.29c7.91-4.07,9.64-10.14,8-15.83-3.4-11.71-6.71-17.41-9.75-20.79-2.36-1.67-10.76-4-10.76-4-1.5-.24-15.09-1.95-19.24-2.29a15,15,0,0,0-4.92,6.74c-.8,2.48-2.2,4.59-2.2,13.07l1.58,15.16s.42,4.54-1.17,7.18-8.07,7.47-11.06,14c0,0,.36,9.94,18.64,14.09,14.87,3.38,25.9-2,25.9-2A74.48,74.48,0,0,0,314.76,216.44Z\" style=\"fill:#f5f5f5\"><\/path><path d=\"M327.18,192.9a3.13,3.13,0,0,0-2-1.16c-1.72-.21-3.35.69-4.94,1.4-2.94,1.31-6.32,2-9.39,1.05-3.32-1.07-6-4-9.45-4.3-3.29-.26-6.23,2-8.65,4.21-3.58,3.33-6.9,7-11,9.69a54.12,54.12,0,0,1-5.46,3.07h0l-.8.84-.16.17c-.61.65-1.24,1.34-1.85,2.06l-.23.28-.66.8-.32.41-.55.73-.33.46-.51.76-.3.47c-.18.28-.34.56-.51.85l-.24.42c-.23.43-.46.87-.66,1.32a7.49,7.49,0,0,0,.47,2,12.74,12.74,0,0,0,1.57,2.92c.27.37.56.74.89,1.12,2.51,2.87,7.14,6.09,15.7,8a44.36,44.36,0,0,0,10.33,1.11c1.17,0,2.29-.07,3.36-.17s2.08-.22,3-.37c1.26-.2,2.42-.44,3.46-.69a30.46,30.46,0,0,0,5.73-1.92,69,69,0,0,0,.88-8.2c0-.59.06-1.2.08-1.84s0-1.31,0-2c1-2.83,1.92-5.4,2.6-7.64.17-.56.33-1.1.47-1.62a35.66,35.66,0,0,0,.93-4C324.1,200.4,326.62,196.74,327.18,192.9Z\" style=\"fill:#ebebeb\"><\/path><path d=\"M332.38,132.56c.87,1.95,2.23,5.07-.85,17.31-2.61,10.37-6.57,12.18-8.44,12.53s-5-.83-7.24-1.69l-3.66,6.5c.33,2.8,1.29,8.44-.56,12-5.38-4.1-10.88-9.06-14.65-16.82l5.9-12.91s-3.42,1.64-5.25-2.28c-1.69-3.61-1.06-6.62,1.45-8.23a4.13,4.13,0,0,1,6.32,2.94c.54,3.09,3.54,3.32,4.37-1.27.25-1.4,1.43-9,6.84-10.69C323,138,331.14,136.87,332.38,132.56Z\" style=\"fill:#ffa8a7\"><\/path><path d=\"M318.4,143.14a1.41,1.41,0,1,1-1.14-1.69A1.44,1.44,0,0,1,318.4,143.14Z\" style=\"fill:#263238\"><\/path><path d=\"M320,154.14a1.36,1.36,0,0,1-1.56,1.14,1.4,1.4,0,1,1,1.56-1.14Z\" style=\"fill:#b16668\"><\/path><path d=\"M330.28,141.22l-2.23-2.45a1.59,1.59,0,0,1,2.3,0A1.74,1.74,0,0,1,330.28,141.22Z\" style=\"fill:#263238\"><\/path><path d=\"M317.94,137.31l-3.05,1.28a1.59,1.59,0,0,1,.83-2.16A1.73,1.73,0,0,1,317.94,137.31Z\" style=\"fill:#263238\"><\/path><path d=\"M328.89,145.09a1.41,1.41,0,1,1-2.78-.49,1.41,1.41,0,1,1,2.78.49Z\" style=\"fill:#263238\"><\/path><polygon points=\"322.45 142.32 321.79 151.61 326.74 150.56 322.45 142.32\" style=\"fill:#f28f8f\"><\/polygon><path d=\"M315.85,160.71c-3.25-1.2-10.56-5.15-11-8.12a7.29,7.29,0,0,0,1.62,4c1.66,2.23,8.17,6.24,8.17,6.24Z\" style=\"fill:#f28f8f\"><\/path><path d=\"M319.78,165.43c-.35-1.11-1.78-1.22-1.78-1.22a3,3,0,0,0-.51-2.54,2.7,2.7,0,0,0-1.68-.52c.36-.79-.11-2.59-1.09-2.81a9.22,9.22,0,0,0-2.79.13,9.24,9.24,0,0,0-2.44,2.4L311,158a32.19,32.19,0,0,0,3.92-1.29c1.5-.76,1.43-2.4.85-2.49a23.66,23.66,0,0,0-3.91.4c-1.64.27-3.71.26-4.27,1.28s-1.18,2.24-2.33,4.58-1.47,3.05-1.32,4.39.13,4,.54,7.33-.25,4.11-1.72,6c-1,1.27-7.18,7.4-13.7,13.36l.89-12.95s2.12-13.32-2.93-18.3c-6.8-1.1-10.1,2-11.61,5.65-2.65,6.46-1.87,24.87-1.36,34.56s4.32,13.36,7.24,14,10.92-2.73,16.16-9.62c4.12-4.73,12.94-20.31,14.23-22.48a22.55,22.55,0,0,1,3.43-4.61c1-1,1.8-5,1.8-7.39.22.75,1,1.35,1.63.88C318.67,170.07,319.88,166.24,319.78,165.43Z\" style=\"fill:#ffa8a7\"><\/path><path d=\"M302.73,178.17a12.13,12.13,0,0,0,1.37-2,5.16,5.16,0,0,0,.43-2.39c0-.82-.14-1.64-.23-2.45s-.16-1.64-.22-2.46l-.14-2.46-.08-1.23a6.48,6.48,0,0,1-.05-1.25,7.78,7.78,0,0,1,.8-2.35c.34-.75.71-1.48,1.09-2.21l1.11-2.21.56-1.1a1.67,1.67,0,0,1,.91-.88,9.32,9.32,0,0,1,2.43-.51c.82-.09,1.62-.25,2.44-.35s1.63-.2,2.47-.22a.55.55,0,0,1,.37.12.75.75,0,0,1,.2.31,1.38,1.38,0,0,1,0,.67,2.06,2.06,0,0,1-.59,1.14,5.9,5.9,0,0,1-2.25,1.1c-.79.26-1.58.49-2.37.71l.09-.07-1.49,2.89-.23-.14a15.71,15.71,0,0,1,1.15-1.3q.3-.31.63-.6a3.27,3.27,0,0,1,.72-.53h0a11.22,11.22,0,0,1,1.53-.19,3.56,3.56,0,0,1,1.57.16,2.12,2.12,0,0,1,.9,1.3,2.51,2.51,0,0,1,0,1.58l-.11-.16a3.67,3.67,0,0,1,1.14.18,1.54,1.54,0,0,1,.53.29,2.35,2.35,0,0,1,.36.47,3.14,3.14,0,0,1,.26,2.25l-.09-.13a2.81,2.81,0,0,1,1.12.38,1.69,1.69,0,0,1,.74.92h0a6.62,6.62,0,0,1-.22,1.5l-.37,1.45c-.24,1-.53,1.92-.7,2.88v0l0,0a1,1,0,0,1-1.11,0,1.62,1.62,0,0,1-.64-.92l.15,0a19,19,0,0,1-.37,3.36,15.19,15.19,0,0,1-1,3.23,4.59,4.59,0,0,1-1,1.34c-.38.42-.75.84-1.09,1.28a26.19,26.19,0,0,0-1.88,2.79,27.26,27.26,0,0,1,1.84-2.82q.51-.66,1.08-1.29a4.5,4.5,0,0,0,1-1.34,14.84,14.84,0,0,0,.92-3.22,19.6,19.6,0,0,0,.35-3.33v-.53l.15.51a1.52,1.52,0,0,0,.58.82.75.75,0,0,0,.92,0l0,.06c.18-1,.46-1.94.7-2.91l.35-1.44a6.11,6.11,0,0,0,.21-1.44v0a1.93,1.93,0,0,0-1.7-1.15h-.12l0-.12a3,3,0,0,0-.25-2.09,1.29,1.29,0,0,0-.77-.66,3.51,3.51,0,0,0-1.07-.16h-.16l.06-.16a2.3,2.3,0,0,0,0-1.42,1.86,1.86,0,0,0-.79-1.15,3.46,3.46,0,0,0-1.45-.13,12.38,12.38,0,0,0-1.49.19h0a4.61,4.61,0,0,0-.65.49c-.21.19-.42.39-.61.59-.4.41-.77.84-1.13,1.29l-.82,1,.59-1.16,1.49-2.9,0-.06h.06c.79-.22,1.58-.44,2.35-.7a5.61,5.61,0,0,0,2.16-1,2,2,0,0,0,.53-1c.06-.35,0-.85-.36-.81a20.23,20.23,0,0,0-2.44.2c-.81.1-1.62.25-2.44.34a9,9,0,0,0-2.38.48,1.51,1.51,0,0,0-.82.79l-.56,1.1-1.12,2.19c-.37.73-.75,1.46-1.1,2.21a7.4,7.4,0,0,0-.78,2.29,5.47,5.47,0,0,0,0,1.21l.07,1.24.12,2.46c.05.82.11,1.64.19,2.46s.19,1.63.2,2.46a5.21,5.21,0,0,1-.47,2.4A11.82,11.82,0,0,1,302.73,178.17Z\" style=\"fill:#b16668\"><\/path><path d=\"M315.85,161.27a2.37,2.37,0,0,0,.08-.87c-.82.22-1.88.33-2.56.57a2.32,2.32,0,0,0-1.27,1.14C312.45,161.74,313.45,161.26,315.85,161.27Z\" style=\"fill:#b16668\"><\/path><path d=\"M315.11,164.93a5.1,5.1,0,0,1,2.88-.62,5.65,5.65,0,0,0,.09-.83C315.74,163.82,315.11,164.93,315.11,164.93Z\" style=\"fill:#b16668\"><\/path><path d=\"M316.78,171a14.07,14.07,0,0,0-.08-3.17c-.11-.63-.15-1,.56-.89s1.69-.76,1.5-.17c-.1.32-1.36.85-1.44,1.3A15.11,15.11,0,0,1,316.78,171Z\" style=\"fill:#b16668\"><\/path><path d=\"M289,191.53c-1.8,1.49-7.9,6.15-8.75,10.9,0,0-.85-3.56,2.65-7.52a72.88,72.88,0,0,1,6.3-6.37Z\" style=\"fill:#f28f8f\"><\/path><\/g><path id=\"freepik--Arm--inject-33\" d=\"M327,220.43c-.61,3.55-1.74,4.85-5.36,6.44-5.9,2.59-29.53,9.28-36.51,9.33a35.3,35.3,0,0,1-11.68-1.76,3.16,3.16,0,0,1-1.72-1.08,4.14,4.14,0,0,0-1-1.2,14.38,14.38,0,0,0-1.56-.81,2.89,2.89,0,0,1-1.27-1.73,2.94,2.94,0,0,0-.43-1.33,6.68,6.68,0,0,1-.8-1,3.05,3.05,0,0,1-.39-1.57,2.49,2.49,0,0,0-.07-.82,1.94,1.94,0,0,0-.46-.64,8.07,8.07,0,0,1-.58-.73,1.35,1.35,0,0,1-.33-.74,1.38,1.38,0,0,1,.26-.61c.82-1.29,2.66-1,4-.86,1.59.18,3.15.49,4.74.68a34.56,34.56,0,0,0,6.67.15v-4.11A12.73,12.73,0,0,1,285,220c2.6,1.6,4.17,3.76,9,2.48s16.34-7.82,22.12-9.84S327.35,218.33,327,220.43Z\" style=\"fill:#ffa8a7\"><\/path><\/g><\/g><g id=\"freepik--Door--inject-33\"><g id=\"freepik--door--inject-33\"><polygon points=\"138.88 425.12 280.49 403.14 280.49 96.26 138.88 118.29 138.88 425.12\" style=\"fill:#455a64\"><\/polygon><polygon points=\"276.18 93.77 280.49 96.26 138.88 118.29 146.37 113.96 276.18 93.77\" style=\"fill:#37474f\"><\/polygon><polygon points=\"155.5 277.17 254.6 261.77 254.6 386.5 155.5 401.89 155.5 277.17\" style=\"fill:#455a64\"><\/polygon><polygon points=\"155.5 277.17 254.6 261.77 254.6 386.5 155.5 401.89 155.5 277.17\" style=\"opacity:0.1\"><\/polygon><polygon points=\"162.94 283.54 247.17 270.44 247.17 380.12 162.94 393.22 162.94 283.54\" style=\"fill:#455a64\"><\/polygon><polygon points=\"155.5 401.89 162.94 393.22 247.17 380.12 254.6 386.5 155.5 401.89\" style=\"fill:#263238\"><\/polygon><polygon points=\"155.5 277.17 162.94 283.54 162.94 393.22 155.5 401.89 155.5 277.17\" style=\"fill:#37474f\"><\/polygon><polygon points=\"247.17 270.44 254.6 261.77 254.6 386.5 247.17 380.12 247.17 270.44\" style=\"fill:#37474f\"><\/polygon><polygon points=\"211.8 126.13 254.6 119.47 254.6 244.2 211.81 250.85 211.8 126.13\" style=\"fill:#455a64\"><\/polygon><polygon points=\"211.8 126.13 254.6 119.47 254.6 244.2 211.81 250.85 211.8 126.13\" style=\"opacity:0.1\"><\/polygon><polygon points=\"219.24 132.5 247.17 128.15 247.17 237.83 219.24 242.18 219.24 132.5\" style=\"fill:#455a64\"><\/polygon><polygon points=\"211.81 250.85 219.24 242.18 247.17 237.83 254.6 244.2 211.81 250.85\" style=\"fill:#263238\"><\/polygon><polygon points=\"211.8 126.13 219.24 132.5 219.24 242.18 211.81 250.85 211.8 126.13\" style=\"fill:#37474f\"><\/polygon><polygon points=\"247.17 128.15 254.6 119.47 254.6 244.2 247.17 237.83 247.17 128.15\" style=\"fill:#37474f\"><\/polygon><polygon points=\"155.57 134.84 198.37 128.18 198.37 252.91 155.57 259.56 155.57 134.84\" style=\"fill:#455a64\"><\/polygon><polygon points=\"155.57 134.84 198.37 128.18 198.37 252.91 155.57 259.56 155.57 134.84\" style=\"opacity:0.1\"><\/polygon><polygon points=\"163 141.21 190.93 136.85 190.94 246.54 163 250.89 163 141.21\" style=\"fill:#455a64\"><\/polygon><polygon points=\"155.57 259.56 163 250.89 190.94 246.54 198.37 252.91 155.57 259.56\" style=\"fill:#263238\"><\/polygon><polygon points=\"155.57 134.84 163 141.21 163 250.89 155.57 259.56 155.57 134.84\" style=\"fill:#37474f\"><\/polygon><polygon points=\"190.93 136.85 198.37 128.18 198.37 252.91 190.94 246.54 190.93 136.85\" style=\"fill:#37474f\"><\/polygon><g id=\"freepik--Latch--inject-33\"><polygon points=\"261.41 239.06 263.34 241.01 263.34 273.05 261.41 271.11 261.41 239.06\" style=\"fill:#e0e0e0\"><\/polygon><polygon points=\"263.34 241.01 273.75 239.45 273.75 271.5 263.34 273.05 263.34 241.01\" style=\"fill:#fafafa\"><\/polygon><polygon points=\"273.75 248.27 263.34 249.79 263.34 256.06 273.75 254.55 273.75 248.27\" style=\"opacity:0.05\"><\/polygon><polygon points=\"273.75 239.45 271.82 237.51 261.41 239.06 263.34 241.01 273.75 239.45\" style=\"fill:#ebebeb\"><\/polygon><path d=\"M267.33,247.08l4.78,4.8,1.91-2.5-4.78-4.79h0a1.09,1.09,0,0,0-.95-.32,1.75,1.75,0,0,0-1.35,1.76A1.5,1.5,0,0,0,267.33,247.08Z\" style=\"fill:#e0e0e0\"><\/path><polygon points=\"263.34 249.85 270.93 250.69 270.93 248.41 272.78 248.14 271.04 246.39 263.34 247.56 263.34 249.85\" style=\"opacity:0.1\"><\/polygon><polygon points=\"247.71 252.6 247.71 257.6 274.83 253.54 274.83 248.54 247.71 252.6\" style=\"fill:#fafafa\"><\/polygon><polygon points=\"247.71 252.6 245.98 250.85 245.98 255.86 247.71 257.6 247.71 252.6\" style=\"fill:#e0e0e0\"><\/polygon><polygon points=\"274.83 248.54 273.09 246.79 245.98 250.85 247.71 252.6 274.83 248.54\" style=\"fill:#ebebeb\"><\/polygon><path d=\"M266.79,261a2.3,2.3,0,0,1,1.76-2.29,1.61,1.61,0,0,1,1.75,1.77,2.44,2.44,0,0,1-1.06,2v3.27a.78.78,0,0,1-.59.78l-.21,0a.54.54,0,0,1-.59-.6v-3.27A1.72,1.72,0,0,1,266.79,261Z\" style=\"fill:#455a64\"><\/path><\/g><\/g><\/g><g id=\"freepik--Plant--inject-33\"><g id=\"freepik--Pot--inject-33\"><g id=\"freepik--pot--inject-33\"><path d=\"M123.64,453.82c8.51-8.78,13.51-44.54,5.21-51.51H86.59c-8.3,7-3.31,42.71,5.2,51.5l.24.25.29.29c.24.23.5.46.77.69a1.56,1.56,0,0,1,.2.16c.21.16.42.33.65.49a10.82,10.82,0,0,0,1.1.71c7,4.09,18.36,4.09,25.36,0h0a9.54,9.54,0,0,0,1.11-.72c.21-.14.4-.3.6-.45l.25-.2c.26-.22.51-.44.74-.67l.34-.33Z\" style=\"fill:#455a64\"><\/path><path d=\"M90.26,399.5c-9.64,5.63-9.64,14.76,0,20.39s25.27,5.63,34.92,0,9.64-14.76,0-20.39S99.9,393.87,90.26,399.5Z\" style=\"fill:#455a64\"><\/path><g style=\"opacity:0.1\"><path d=\"M90.26,399.5c-9.64,5.63-9.64,14.76,0,20.39s25.27,5.63,34.92,0,9.64-14.76,0-20.39S99.9,393.87,90.26,399.5Z\" style=\"fill:#fff\"><\/path><\/g><path d=\"M94.9,402.21c-7.08,4.13-7.08,10.84,0,15s18.56,4.14,25.64,0,7.08-10.84,0-15S102,398.08,94.9,402.21Z\" style=\"fill:#263238\"><\/path><path d=\"M120.54,409.32c-7.08-4.14-18.56-4.14-25.64,0a11.62,11.62,0,0,0-4.24,3.93,11.8,11.8,0,0,0,4.24,3.93c7.08,4.14,18.56,4.14,25.64,0a11.8,11.8,0,0,0,4.24-3.93A11.62,11.62,0,0,0,120.54,409.32Z\" style=\"fill:#f5f5f5\"><\/path><\/g><g id=\"freepik--Plants--inject-33\"><path d=\"M84.29,332.94l16.9,11.56-16-6.05a29.12,29.12,0,0,0,3.16,12.28s10.55,5.12,16.29,10.52L90.6,356.83a15.64,15.64,0,0,0,.44,7.35c.09.32.19.66.3,1,.74,2.25,1.8,6.5,3.6,11.54,0,0,0,0,0,0a73,73,0,0,0,5.81,12.7,51.11,51.11,0,0,0,3.86,5.71c.08.12.17.23.26.34q3.91-2.61,8.14-5.11c1.63-4.14,3.42-14.22,3.74-22.4C118,336.66,93.25,320.52,74,315.88,74,315.88,81,323.56,84.29,332.94Z\" style=\"fill:#5EFF7E\"><\/path><path d=\"M84.29,332.94l16.9,11.56-16-6.05a29.12,29.12,0,0,0,3.16,12.28s10.55,5.12,16.29,10.52L90.6,356.83a15.64,15.64,0,0,0,.44,7.35c.09.32.19.66.3,1,.74,2.25,1.8,6.5,3.6,11.54,0,0,0,0,0,0a73,73,0,0,0,5.81,12.7,51.11,51.11,0,0,0,3.86,5.71c.08.12.17.23.26.34q3.91-2.61,8.14-5.11c1.63-4.14,3.42-14.22,3.74-22.4C118,336.66,93.25,320.52,74,315.88,74,315.88,81,323.56,84.29,332.94Z\" style=\"opacity:0.30000000000000004\"><\/path><path d=\"M97.77,333.3a23.25,23.25,0,0,1,4.39,5.29,46.16,46.16,0,0,1,3.09,6.17A62.81,62.81,0,0,1,109,358a58.2,58.2,0,0,1-1.49,27.2h0a.46.46,0,0,0,.3.57.45.45,0,0,0,.56-.3h0a58.91,58.91,0,0,0,1.07-27.55,63.55,63.55,0,0,0-4-13.25,47.07,47.07,0,0,0-3.2-6.14A23.68,23.68,0,0,0,97.77,333.3Z\" style=\"fill:#fafafa\"><\/path><path d=\"M156.85,348.93l0,0c-.38.49-6.37,5.71-15.55,21.32L122.68,375l15.14,1.36-7,12.16L115,392.4,127.55,394s-3,12.34-11.74,17.77c-4.84,3-7.23,3.52-8.77,2.17-1.08-.95-1.54-6.79-2.61-12s-1.47-13.68,3.06-24.11a32,32,0,0,1,4.84-7.73C123.66,356.42,145.78,349.2,156.85,348.93Z\" style=\"fill:#5EFF7E\"><\/path><path d=\"M156.85,348.93l0,0c-.38.49-6.37,5.71-15.55,21.32L122.68,375l15.14,1.36-7,12.16L115,392.4,127.55,394s-3,12.34-11.74,17.77c-4.84,3-7.23,3.52-8.77,2.17-1.08-.95-1.54-6.79-2.61-12s-1.47-13.68,3.06-24.11a32,32,0,0,1,4.84-7.73C123.66,356.42,145.78,349.2,156.85,348.93Z\" style=\"opacity:0.15\"><\/path><path d=\"M111,383.1h0v0a49.15,49.15,0,0,0-3.21,13.6h0A145.1,145.1,0,0,0,108,414.4a2.68,2.68,0,0,1-.92-.51c-1.08-.95-1.54-6.79-2.61-12s-1.47-13.68,3.06-24.11a32,32,0,0,1,4.84-7.73c11.33-13.65,33.45-20.87,44.52-21.14-16.88,3.43-34.7,15.44-43.21,28.93A35,35,0,0,0,111,383.1Z\" style=\"opacity:0.1\"><\/path><path d=\"M140,354.91c-8.27,4-16,9.39-22,16.5a43.89,43.89,0,0,0-7.3,11.81,42,42,0,0,0-3,13.5s0,0,0,0a.07.07,0,0,0,.05,0,54,54,0,0,1,3.76-13.16,50.77,50.77,0,0,1,7-11.7,58.53,58.53,0,0,1,9.88-9.51A76.87,76.87,0,0,1,140.08,355a0,0,0,0,0,0-.08Z\" style=\"fill:#fafafa\"><\/path><path d=\"M58.23,360.75h0a34.32,34.32,0,0,1,4.1,0,65.9,65.9,0,0,1,15.85,2.94c1.91.6,3.83,1.28,5.72,2.06.95.39,1.89.8,2.81,1.24a45.36,45.36,0,0,1,12.49,8.4,28.51,28.51,0,0,1,4.45,5.57c.16.26.33.52.48.79h0c.38.7.74,1.38,1.07,2.06a39.21,39.21,0,0,1,4.6,19.05c.09,4.68-1.21,10.1-2.06,11a2.44,2.44,0,0,1-.39.33c-1.29.92-3.43.54-7.5-1.45-8.17-4-11.9-15-11.9-15l10.9-2.48-14.29-2-6.24-8.64L88.79,382,74.31,380.6a212.56,212.56,0,0,0-16.06-19.83l0,0Z\" style=\"fill:#5EFF7E\"><\/path><path d=\"M62.33,360.71a65.9,65.9,0,0,1,15.85,2.94c1.91.6,3.83,1.28,5.72,2.06.95.39,1.89.8,2.81,1.24a45.36,45.36,0,0,1,12.49,8.4,28.51,28.51,0,0,1,4.45,5.57c.16.26.33.52.48.79h0c.38.7.74,1.38,1.07,2.06a39.21,39.21,0,0,1,4.6,19.05c.09,4.68-1.21,10.1-2.06,11a2.44,2.44,0,0,1-.39.33,2.67,2.67,0,0,1-.86.37c.58-7.29-4-25.43-9.8-32.68-6-7.53-20-18.18-38.45-21.09v0A36.09,36.09,0,0,1,62.33,360.71Z\" style=\"opacity:0.05\"><\/path><path d=\"M106.55,414.54a62.12,62.12,0,0,0-1.93-15.94,51.71,51.71,0,0,0-6.14-14.87,35.69,35.69,0,0,0-5.2-6.22,51.21,51.21,0,0,0-6.21-5.18,60,60,0,0,0-14.23-7.5,0,0,0,0,0,0,.09,77.68,77.68,0,0,1,13.74,8.14,63.51,63.51,0,0,1,6.12,5.09,35.26,35.26,0,0,1,5.22,6,51.5,51.5,0,0,1,6.31,14.59,62.2,62.2,0,0,1,2.27,15.82,0,0,0,0,0,.09,0Z\" style=\"fill:#fafafa\"><\/path><\/g><\/g><\/g><\/svg>\n\n\n\n<style type=\"text\/css\">\n   .entry-categories{display: none;}\n   .entry-meta.post-details{display: block!important;}\n   .post-content{text-align: left;}\n<\/style>\n\n\n\n<p>Affordance \u00e9 um termo da psicologia que n\u00e3o possui uma tradu\u00e7\u00e3o oficial para o portugu\u00eas, mas pode ser entendido como a\u00e7\u00e3o poss\u00edvel ou sugest\u00e3o de uso. Este conceito foi proposto pelo psic\u00f3logo <a href=\"https:\/\/amzn.to\/4aAaUnM\" target=\"_blank\" rel=\"noreferrer noopener\">James Gibson<\/a>, inicialmente em 1966. Basicamente, affordance refere-se \u00e0 percep\u00e7\u00e3o humana sobre um objeto, ou seja, ao observ\u00e1-lo \u00e9 poss\u00edvel deduzir sua funcionalidade de maneira intuitiva, sem a necessidade de explica\u00e7\u00f5es detalhadas.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote resumo-blog is-layout-flow wp-block-quote-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Sem tempo, <s>pregui\u00e7a<\/s>?<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Affordance \u00e9 a percep\u00e7\u00e3o intuitiva das poss\u00edveis a\u00e7\u00f5es que um objeto ou interface proporciona aos usu\u00e1rios;<\/li>\n\n\n\n<li>Affordance nasceu na psicologia em um mundo f\u00edsico, mas migrou para o digital gra\u00e7as a Donal Norman e sua teoria &#8220;A Porta de Norman&#8221;;<\/li>\n\n\n\n<li>Existem sete tipos de affordance, alguns voc\u00ea precisa usar em sua interface, j\u00e1 outros \u00e9 bom evitar.<\/li>\n<\/ul>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Como funciona?<\/h2>\n\n\n\n<p>O c\u00e9rebro humano frequentemente recorre a experi\u00eancias anteriores ou similares para interpretar objetos. Por exemplo, ao analisar uma garrafa de vidro com uma tampa circular de bambu, \u00e9 natural concluir que \u00e9 preciso rosquear a tampa para abri-la. No entanto, algumas pessoas podem ficar na d\u00favida sobre em qual dire\u00e7\u00e3o girar a tampa para remove-la. Nesse caso, a usabilidade do objeto pode ser aprimorada incluindo uma seta que indique a dire\u00e7\u00e3o correta para girar a tampa, tornando o processo de abertura mais intuitivo e f\u00e1cil para o usu\u00e1rio.<\/p>\n\n\n\n<p>Um aspecto interessante sobre o tema \u00e9 que um objeto pode ter diferentes affordances dependendo das necessidades do usu\u00e1rio. Por exemplo, um livro pode servir para leitura, mas algumas pessoas o utilizam como apoio ergon\u00f4mico, como quando o colocam abaixo de um monitor para aumentar sua altura. Al\u00e9m disso, algumas pessoas utilizam o <a href=\"https:\/\/515.li\/index.php\/2024\/03\/31\/blog-de-zero-a-um-livro-mensal\/\">livro apenas como pe\u00e7a decorativa<\/a> para enfeitar um ambiente. Em cada um desses casos, o livro ter\u00e1 uma a\u00e7\u00e3o poss\u00edvel diferente, demonstrando como a percep\u00e7\u00e3o e utilidade de um objeto podem variar de acordo com o contexto e a necessidade do usu\u00e1rio.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Era digital<\/h2>\n\n\n\n<p>No per\u00edodo inicial, o conceito de affordance foi desenvolvido principalmente em rela\u00e7\u00e3o a objetos f\u00edsicos, mas logo se expandiu para a \u00e1rea da Intera\u00e7\u00e3o Humano-Computador (IHC). Em 1988, Donald Norman popularizou o conceito de affordance no contexto do design de interfaces de usu\u00e1rio em seu livro &#8220;The Design of Everyday Things&#8221; (O Design do Dia a Dia). Seu exemplo ic\u00f4nico, conhecido como &#8220;A Porta de Norman&#8221;, destacou como a percep\u00e7\u00e3o de affordances influencia a intera\u00e7\u00e3o do usu\u00e1rio com os artefatos.<\/p>\n\n\n\n<p>Ap\u00f3s Norman abrir as portas para o affordance entrar no mundo digital os profissionais de Intera\u00e7\u00e3o Humano-Computador (IHC) e de UX Design &#8211; que ainda estavam em seus est\u00e1gios iniciais na d\u00e9cada de 90 &#8211; come\u00e7aram a projetar interfaces que comunicavam claramente suas funcionalidades e formas de uso, sem a necessidade de explica\u00e7\u00f5es detalhadas, assim como ocorre com os affordances f\u00edsicos. Esse movimento levou ao desenvolvimento de diretrizes de design que tiveram um impacto positivo nos projetos de interfaces de uma ampla variedade de dispositivos, desde os primeiros sistemas operacionais para computadores pessoais, como o Macintosh, at\u00e9 dispositivos m\u00f3veis e tecnologia vest\u00edvel.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Os 7 tipos<\/h2>\n\n\n\n<p>Os affordances podem ser categorizados de diversas maneiras e por esta raz\u00e3o n\u00e3o existe um consenso comum entre os autores. No entanto, algumas das classifica\u00e7\u00f5es mais comuns os dividem em sete partes (exemplos ap\u00f3s os t\u00f3picos abaixo):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Explicita:<\/strong> essa certamente \u00e9 o mais f\u00e1cil de reconhecer. Aqui, o elemento deixa \u00f3bvio sua funcionalidade, geralmente acompanhado de um texto e\/ou \u00edcone que indica a a\u00e7\u00e3o claramente. Um exemplo perfeito \u00e9 um call to action (CTA), que \u00e9 um bot\u00e3o destacado que chama o usu\u00e1rio para a a\u00e7\u00e3o (literalmente).<\/li>\n\n\n\n<li><strong>Oculta<\/strong>: neste caso, o affordance fica oculto at\u00e9 que o usu\u00e1rio realize uma determinada a\u00e7\u00e3o, como passar o cursor do mouse sobre um local espec\u00edfico, como um \u00edcone ou um menu que contenha submenus. Embora essa t\u00e9cnica ajude a manter a interface limpa, exibindo apenas informa\u00e7\u00f5es importantes, ela pode diminuir a usabilidade do sistema.<\/li>\n\n\n\n<li><strong>Metaf\u00f3rica:<\/strong>&nbsp;interfaces digitais representam elementos do mundo real, especialmente em \u00edcones que seguem a linha do skeumorfismo (realismo), onde o objeto real \u00e9 produzido de forma digital realista. O \u00edcone de nuvens e sol &#8211; seja ele realista ou n\u00e3o &#8211; transmite a ideia de previs\u00e3o do tempo.<\/li>\n\n\n\n<li><strong>Intera\u00e7\u00e3o n\u00e3o permitida:<\/strong>&nbsp;nesse caso, para concluir uma a\u00e7\u00e3o \u00e9 necess\u00e1rio realizar outra anteriormente. Por exemplo, para clicar no bot\u00e3o \u201cenviar formul\u00e1rio\u201d, \u00e9 preciso preencher todos os campos do formul\u00e1rio primeiro.<\/li>\n\n\n\n<li><strong>Falsa<\/strong>:&nbsp;induzem o usu\u00e1rio ao erro, pois passam a ideia que o elemento realiza uma a\u00e7\u00e3o quando na verdade realiza outra, ou at\u00e9 mesmo n\u00e3o realiza qualquer a\u00e7\u00e3o. \u00c9 comum clicarmos na logomarca em um site e irmos para p\u00e1gina inicial do mesmo, porem quando esse evento n\u00e3o ocorre temos um affordance falso.<\/li>\n\n\n\n<li><strong>Percebida:<\/strong> se fundamenta em padr\u00f5es baseados em experi\u00eancias anteriores para a maioria dos usu\u00e1rios. Os padr\u00f5es s\u00e3o de suma import\u00e2ncia na usabilidade, como os hiperlinks azuis e sublinhados, que indicam que um texto \u00e9 um link clic\u00e1vel.<\/li>\n\n\n\n<li><strong>Real:<\/strong> no mundo digital, n\u00e3o existe esse tipo de affordance. Um exemplo seria o bot\u00e3o f\u00edsico de um mouse, que \u00e9 uma affordance real. No entanto, as interfaces digitais apenas simulam um bot\u00e3o virtual para representar uma a\u00e7\u00e3o, nunca considerando-o real.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"681\" src=\"https:\/\/515.li\/wp-content\/uploads\/2024\/02\/tiposaffordance-1024x681.png\" alt=\"Print de uma tela de login de um aplicativo fict\u00edcio que exemplifica a pergunta: O que \u00e9 Affordance.\" class=\"wp-image-2045\" style=\"object-fit:cover\" srcset=\"https:\/\/515.li\/wp-content\/uploads\/2024\/02\/tiposaffordance-1024x681.png 1024w, https:\/\/515.li\/wp-content\/uploads\/2024\/02\/tiposaffordance-300x199.png 300w, https:\/\/515.li\/wp-content\/uploads\/2024\/02\/tiposaffordance-768x511.png 768w, https:\/\/515.li\/wp-content\/uploads\/2024\/02\/tiposaffordance.png 1113w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p>O affordance nasceu no mundo f\u00edsico e acabou se adaptando ao digital, fazer liga\u00e7\u00f5es entre esses dois ambientes ajudou as primeiras interfaces digitais a se comunicarem melhor com os usu\u00e1rios. Basta ver imagens dos primeiros iPhones, onde \u00edcones com skeumorfismo eram amplamente utilizados para que os usu\u00e1rios entendessem que aquele APP de calend\u00e1rio tinha as mesma funcionalidades que seu calend\u00e1rio f\u00edsico sobre sua mesa.<\/p>\n\n\n\n<p>Ao criar uma interface, \u00e9 fundamental considerar os tipos de a\u00e7\u00f5es que suas telas induzem nos usu\u00e1rios. Evitar o affordance falso \u00e9 crucial, pois pode levar a confus\u00f5es e frustra\u00e7\u00f5es. Em vez disso, \u00e9 prefer\u00edvel utilizar affordances explicitas e percebidas, que s\u00e3o mais intuitivas e f\u00e1ceis de entender para a maioria dos usu\u00e1rios. Quanto aos tipos ocultos e de intera\u00e7\u00e3o n\u00e3o permitida, \u00e9 importante us\u00e1-los com cautela, pois podem reduzir a usabilidade do sistema se n\u00e3o forem implementados de forma cuidadosa e clara.<\/p>\n\n\n\n<ul class=\"wp-block-social-links has-normal-icon-size has-visible-labels has-icon-color has-icon-background-color is-style-default is-horizontal is-content-justification-center is-layout-flex wp-container-core-social-links-is-layout-f4086ed6 wp-block-social-links-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--70);padding-bottom:0;padding-left:0\"><li style=\"color:#044035;background-color:#ffffff;\" class=\"wp-social-link wp-social-link-linkedin  wp-block-social-link\"><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/in\/ricwag515\/\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z\"><\/path><\/svg><span class=\"wp-block-social-link-label\">LinkedIn<\/span><\/a><\/li>\n\n<li style=\"color:#044035;background-color:#ffffff;\" class=\"wp-social-link wp-social-link-medium  wp-block-social-link\"><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/medium.com\/@ricwag515\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M13.2,12c0,3-2.4,5.4-5.3,5.4S2.6,15,2.6,12s2.4-5.4,5.3-5.4S13.2,9,13.2,12 M19.1,12c0,2.8-1.2,5-2.7,5s-2.7-2.3-2.7-5s1.2-5,2.7-5C17.9,7,19.1,9.2,19.1,12 M21.4,12c0,2.5-0.4,4.5-0.9,4.5c-0.5,0-0.9-2-0.9-4.5s0.4-4.5,0.9-4.5C21,7.5,21.4,9.5,21.4,12\"><\/path><\/svg><span class=\"wp-block-social-link-label\">Medium<\/span><\/a><\/li>\n\n<li style=\"color:#044035;background-color:#ffffff;\" class=\"wp-social-link wp-social-link-behance  wp-block-social-link\"><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/www.behance.net\/ricwag515\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M7.799,5.698c0.589,0,1.12,0.051,1.606,0.156c0.482,0.102,0.894,0.273,1.241,0.507c0.344,0.235,0.612,0.546,0.804,0.938 c0.188,0.387,0.281,0.871,0.281,1.443c0,0.619-0.141,1.137-0.421,1.551c-0.284,0.413-0.7,0.751-1.255,1.014 c0.756,0.218,1.317,0.601,1.689,1.146c0.374,0.549,0.557,1.205,0.557,1.975c0,0.623-0.12,1.161-0.359,1.612 c-0.241,0.457-0.569,0.828-0.973,1.114c-0.408,0.288-0.876,0.5-1.399,0.637C9.052,17.931,8.514,18,7.963,18H2V5.698H7.799 M7.449,10.668c0.481,0,0.878-0.114,1.192-0.345c0.311-0.228,0.463-0.603,0.463-1.119c0-0.286-0.051-0.523-0.152-0.707 C8.848,8.315,8.711,8.171,8.536,8.07C8.362,7.966,8.166,7.894,7.94,7.854c-0.224-0.044-0.457-0.06-0.697-0.06H4.709v2.874H7.449z M7.6,15.905c0.267,0,0.521-0.024,0.759-0.077c0.243-0.053,0.457-0.137,0.637-0.261c0.182-0.12,0.332-0.283,0.441-0.491 C9.547,14.87,9.6,14.602,9.6,14.278c0-0.633-0.18-1.084-0.533-1.357c-0.356-0.27-0.83-0.404-1.413-0.404H4.709v3.388L7.6,15.905z M16.162,15.864c0.367,0.358,0.897,0.538,1.583,0.538c0.493,0,0.92-0.125,1.277-0.374c0.354-0.248,0.571-0.514,0.654-0.79h2.155 c-0.347,1.072-0.872,1.838-1.589,2.299C19.534,18,18.67,18.23,17.662,18.23c-0.701,0-1.332-0.113-1.899-0.337 c-0.567-0.227-1.041-0.544-1.439-0.958c-0.389-0.415-0.689-0.907-0.904-1.484c-0.213-0.574-0.32-1.21-0.32-1.899 c0-0.666,0.11-1.288,0.329-1.863c0.222-0.577,0.529-1.075,0.933-1.492c0.406-0.42,0.885-0.751,1.444-0.994 c0.558-0.241,1.175-0.363,1.857-0.363c0.754,0,1.414,0.145,1.98,0.44c0.563,0.291,1.026,0.686,1.389,1.181 c0.363,0.493,0.622,1.057,0.783,1.69c0.16,0.632,0.217,1.292,0.171,1.983h-6.428C15.557,14.84,15.795,15.506,16.162,15.864 M18.973,11.184c-0.291-0.321-0.783-0.496-1.384-0.496c-0.39,0-0.714,0.066-0.973,0.2c-0.254,0.132-0.461,0.297-0.621,0.491 c-0.157,0.197-0.265,0.405-0.328,0.628c-0.063,0.217-0.101,0.413-0.111,0.587h3.98C19.478,11.969,19.265,11.509,18.973,11.184z M15.057,7.738h4.985V6.524h-4.985L15.057,7.738z\"><\/path><\/svg><span class=\"wp-block-social-link-label\">Behance<\/span><\/a><\/li>\n\n<li style=\"color:#044035;background-color:#ffffff;\" class=\"wp-social-link wp-social-link-dribbble  wp-block-social-link\"><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/dribbble.com\/ricwag515\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12,22C6.486,22,2,17.514,2,12S6.486,2,12,2c5.514,0,10,4.486,10,10S17.514,22,12,22z M20.434,13.369 c-0.292-0.092-2.644-0.794-5.32-0.365c1.117,3.07,1.572,5.57,1.659,6.09C18.689,17.798,20.053,15.745,20.434,13.369z M15.336,19.876c-0.127-0.749-0.623-3.361-1.822-6.477c-0.019,0.006-0.038,0.013-0.056,0.019c-4.818,1.679-6.547,5.02-6.701,5.334 c1.448,1.129,3.268,1.803,5.243,1.803C13.183,20.555,14.311,20.313,15.336,19.876z M5.654,17.724 c0.193-0.331,2.538-4.213,6.943-5.637c0.111-0.036,0.224-0.07,0.337-0.102c-0.214-0.485-0.448-0.971-0.692-1.45 c-4.266,1.277-8.405,1.223-8.778,1.216c-0.003,0.087-0.004,0.174-0.004,0.261C3.458,14.207,4.29,16.21,5.654,17.724z M3.639,10.264 c0.382,0.005,3.901,0.02,7.897-1.041c-1.415-2.516-2.942-4.631-3.167-4.94C5.979,5.41,4.193,7.613,3.639,10.264z M9.998,3.709 c0.236,0.316,1.787,2.429,3.187,5c3.037-1.138,4.323-2.867,4.477-3.085C16.154,4.286,14.17,3.471,12,3.471 C11.311,3.471,10.641,3.554,9.998,3.709z M18.612,6.612C18.432,6.855,17,8.69,13.842,9.979c0.199,0.407,0.389,0.821,0.567,1.237 c0.063,0.148,0.124,0.295,0.184,0.441c2.842-0.357,5.666,0.215,5.948,0.275C20.522,9.916,19.801,8.065,18.612,6.612z\"><\/path><\/svg><span class=\"wp-block-social-link-label\">Dribbble<\/span><\/a><\/li><\/ul>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n<div style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);\" class=\"autor-postagem wp-block-post-author has-medium-font-size\"><div class=\"wp-block-post-author__avatar\"><img alt='' src='https:\/\/515.li\/wp-content\/litespeed\/avatar\/84bc1c1ff59dec15b85b20bd526b0c94.jpg?ver=1779026814' srcset='https:\/\/515.li\/wp-content\/litespeed\/avatar\/5b03ca9cd93d3dd469aa10e3f1cc1621.jpg?ver=1779026814 2x' class='avatar avatar-48 photo' height='48' width='48' \/><\/div><div class=\"wp-block-post-author__content\"><p class=\"wp-block-post-author__byline\">Atuei como back e front-end, mas h\u00e1 mais de 10 anos troquei as linhas de c\u00f3digo por linhas vetoriais. Atualmente, me aventuro no universo UX\/UI, com experi\u00eancia em projetos de e-commerce, APP&#8217;s e sistemas web.<\/p><p class=\"wp-block-post-author__name\">Ricardo Wagner<\/p><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Embora tenha um nome incomum, \u00e9 essencial conhece-lo para se ter uma melhor compreens\u00e3o como cada artefato gera uma a\u00e7\u00e3o no design.<\/p>\n","protected":false},"author":1,"featured_media":2346,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_eb_attr":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[14],"tags":[12],"class_list":["post-2025","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-blog","comments-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/515.li\/index.php\/wp-json\/wp\/v2\/posts\/2025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/515.li\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/515.li\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/515.li\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/515.li\/index.php\/wp-json\/wp\/v2\/comments?post=2025"}],"version-history":[{"count":1,"href":"https:\/\/515.li\/index.php\/wp-json\/wp\/v2\/posts\/2025\/revisions"}],"predecessor-version":[{"id":2842,"href":"https:\/\/515.li\/index.php\/wp-json\/wp\/v2\/posts\/2025\/revisions\/2842"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/515.li\/index.php\/wp-json\/wp\/v2\/media\/2346"}],"wp:attachment":[{"href":"https:\/\/515.li\/index.php\/wp-json\/wp\/v2\/media?parent=2025"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/515.li\/index.php\/wp-json\/wp\/v2\/categories?post=2025"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/515.li\/index.php\/wp-json\/wp\/v2\/tags?post=2025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}