CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/780c76971bc38ef14edcd798/script.js"></script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', "GTM-NBX2C5CC");</script>  <title>Download designs, themes, templates and downloadable graphic elements on Dribbble</title> <meta name="description" content="Discover 37,000+ Download designs on Dribbble. Your resource to discover and connect with designers worldwide." /> <meta charset="utf-8" /> <meta name="theme-color" content="#FFFFFF"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" /> <meta name="referrer" content="origin-when-cross-origin"> <meta name="facebook-domain-verification" content="14yui0t6bj9n8uz4d48a2snpt3cvnz" /> <link rel="preload" href="https://cdn.dribbble.com/assets/mona-sans/Mona-Sans-870dff5a10221ba7d01cc47eca10d0b2f911bd4196bb941985490bd8c7363cd9.woff2" as="font" crossorigin="anonymous"> <link rel="preload" href="https://cdn.dribbble.com/assets/wf-visual-sans/WFVisualSans-RegularText-46461986901f80620e484e70aa8cbb90ede25a01351d464819a4e47a3f38ea43.woff2" as="font" crossorigin="anonymous"> <link rel="preload" href="https://cdn.dribbble.com/assets/wf-visual-sans/WFVisualSans-SemiBold-aa0e55353b6a1b897f76a0fcbf5561fa243ce1b8b9f6aebcb5a186f0536713b1.woff2" as="font" crossorigin="anonymous"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;600&family=IBM+Plex+Mono:wght@500&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;600&family=IBM+Plex+Mono:wght@500&display=swap" rel="stylesheet"> </noscript>  <link rel="stylesheet" href="https://cdn.dribbble.com/assets/mini-master-async-0efebbe9f6453f563ec2fbc2b3182aa94a5b19837d1c4c565d636ca0b8b07bbd.css" media="print" onload="this.media='all'"> <noscript><link rel="stylesheet" href="https://cdn.dribbble.com/assets/mini-master-async-0efebbe9f6453f563ec2fbc2b3182aa94a5b19837d1c4c565d636ca0b8b07bbd.css"></noscript> <link rel="stylesheet" href="https://cdn.dribbble.com/assets/tags/show-critical-bfe17bb8cb7b9b37695e189f02a8f363a6ea28bf81d13f87eafabd64ff20c101.css" />  <link href="https://cdn.dribbble.com/assets/dribbble-vector-ball-c75e531ccee3110d0ee5ae951fd1d0a65d2ff25d3c0577757ea7e8d8e3e75db4.svg" rel="mask-icon" color="#EA64D9" /> <link href="https://cdn.dribbble.com/assets/apple-touch-icon-precomposed-182fb6df572b99fd9f7c870e5bd4441188121518640c0fa57782b258434d1e0f.png" rel="apple-touch-icon-precomposed" /> <link href="https://cdn.dribbble.com/assets/favicon-452601365a822699d1d5db718ddf7499d036e8c2f7da69e85160a4d2f83534bd.ico" rel="icon" sizes="any" /> <link href="https://cdn.dribbble.com/assets/favicon-192x192-d70ad402693bdd1a8460da7f9f3c590e817da7369c5287789ac968cf6947d214.png" rel="icon" sizes="192x192" type="image/png" > <link href="https://cdn.dribbble.com/assets/favicon-99944ff731bb44d3a947810ca8728f177f8deac035a3a4342120c385fd7acb9d.svg" rel="icon" type="image/svg+xml" /> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="60fjy7pE3NyE6AWQajjbGMhrSLF93qkVnsfNaxaY-e0-F0n3TXhFUsSh5yyRTpMW2p75sZjup4Hr1f1jtoSt3g" /> <script src="https://cdn.dribbble.com/assets/vite/assets/application-106772c0.js" crossorigin="anonymous" type="module" defer="defer"></script><link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/site-footer-074990be.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/request-8716ca80.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/internal-tracking-53a35615.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/form-validation-6874a23e.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/feature-gates-91956f5b.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/preload-helper-60539bb2.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/flickity-b61a1d62.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/photoswipe-6a8eeca6.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/media-81644d70.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/drb-confirm-helpers-9ffe8846.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/check-verified-654e50fe.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/site-nav-d1ab2d06.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/class-map-f44a9b2f.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/chunk.WLV3FVBR-40635dc6.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/js.cookie-b80439a1.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/animation-201fe7f0.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/_commonjsHelpers-042e6b4d.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/debounce-d6d398be.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/drb-dialog-helpers-2852633b.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/axios-8f19e258.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/axios_helper-2919371d.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/url-c297b38c.js" as="script" crossorigin="anonymous" defer="defer"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/site-nav-autocomplete-2fcca082.js" as="script" crossorigin="anonymous" defer="defer"><link rel="stylesheet" href="https://cdn.dribbble.com/assets/vite/assets/shoelace-overrides-a3aff624.css" media="screen" defer="defer" /> <link rel="stylesheet" href="https://cdn.dribbble.com/assets/vite/assets/flickity-2722653d.css" media="screen" defer="defer" /> <link rel="stylesheet" href="https://cdn.dribbble.com/assets/vite/assets/site-nav-autocomplete-4e77018e.css" media="screen" defer="defer" /> <link rel="canonical" href="https://dribbble.com/tags/download" /> <link rel="preload" as="image" imagesrcset="https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?resize=1200x900&vertical=center 1200w" imagesizes="(max-width: 500px) 320px, (min-width: 501px) and (max-width: 615px) 600px, 400px" /> <link rel="preload" as="image" imagesrcset="https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?resize=1200x900&vertical=center 1200w" imagesizes="(max-width: 500px) 320px, (min-width: 501px) and (max-width: 615px) 600px, 400px" /> <meta property="fb:app_id" content="811749452338490"> <script> if (location.hash.match(/^#\./) && window.history) { window.history.replaceState({}, window.title, location.origin + location.pathname + location.search) } </script> <noscript> <style>ol.dribbbles { display: block !important }</style> </noscript> <script src="https://accounts.google.com/gsi/client" async defer></script> </head> <body id="tags-show" class="logged-out not-pro not-player not-self not-team not-on-team no-hiring "> <div class="site-nav" data-site-nav > <div class="site-nav__dark-overlay"></div> <div class="site-nav__wrapper"> <button class="site-nav-burger" data-site-nav-burger aria-label="Toggle mobile menu"> <span></span> <span></span> <span></span> </button> <a class="site-nav__logo" href="/" aria-label="Back to home page"> <svg xmlns="http://www.w3.org/2000/svg" width="210" height="59" viewBox="0 0 210 59" fill="none"> <title>Dribbble: the community for graphic design</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M206.622 31.928C207.065 31.4116 207.85 31.4352 208.253 31.986H208.25L209.784 34.0834C210.075 34.4864 210.073 35.0425 209.769 35.4349C207.106 38.8893 202.44 42.2143 196.81 42.5359C192.366 42.7887 188.701 41.1051 186.706 37.9221C186.311 37.2925 185.44 37.2557 184.997 37.8511C182.63 41.0286 179.766 43.5134 176.782 43.6845C171.467 43.9876 169.966 40.4228 171.28 32.563C171.412 31.7805 170.726 31.1192 169.987 31.3141C168.885 31.6065 167.715 31.7356 166.528 31.633C166.034 31.5907 165.571 31.8912 165.422 32.3811C163.455 38.8418 158.774 44.8518 152.715 45.1997C148.847 45.421 143.069 43.205 143.647 33.9462C143.695 33.1927 143.019 32.5999 142.323 32.8106C141.11 33.1795 139.804 33.3534 138.474 33.2401C137.981 33.1979 137.52 33.4983 137.371 33.9885C135.404 40.449 130.723 46.4592 124.664 46.8068C120.796 47.0282 115.018 44.8124 115.596 35.5536C115.644 34.7998 114.968 34.207 114.272 34.418C113.059 34.7869 111.753 34.9634 110.423 34.8473C109.93 34.8053 109.469 35.1057 109.32 35.5956C107.352 42.0564 102.672 48.0664 96.6132 48.4142C93.8613 48.5723 90.1398 47.4945 88.4308 43.5264C88.1016 42.7599 87.1144 42.6438 86.6257 43.3105C84.2334 46.5751 81.3193 49.152 78.2762 49.3259C75.1571 49.505 73.4509 48.2535 72.7091 46.0216C72.4458 45.2339 71.4609 45.0467 70.9293 45.6712C68.8002 48.1744 66.3749 50.0082 63.9216 50.1479C60.1393 50.3666 57.9619 47.563 57.7823 44.1667C57.5747 40.204 59.2887 35.564 61.2025 30.4999C61.4684 29.7964 60.9873 29.0348 60.2608 29.0032C59.157 28.956 57.8963 28.8399 56.7113 28.6185C56.1771 28.5159 55.6583 28.8479 55.5063 29.3907C53.243 37.4716 49.7771 45.392 46.8529 50.074C46.5263 50.5984 45.8505 50.7381 45.3593 50.377L43.1264 48.7331C42.6682 48.393 42.5441 47.7397 42.8504 47.247C47.0759 40.478 50.8278 29.8807 52.1215 22.0421C52.2025 21.5415 52.61 21.17 53.0986 21.141L56.0683 20.9697C56.7493 20.9302 57.2861 21.5652 57.162 22.2634L57.1493 22.3372C57.0379 22.959 57.4532 23.5439 58.0532 23.6257C60.7164 23.992 64.6963 24.0366 67.3975 23.9313C68.157 23.9023 68.6938 24.6875 68.4178 25.4226C66.2507 31.1876 63.3469 39.1765 63.5139 42.3382C63.5899 43.7662 64.2204 44.5462 65.3291 44.4829C67.4508 44.3619 70.7141 40.0959 73.1876 35.3455C73.2331 35.261 73.2659 35.169 73.2862 35.0741C74.1196 31.3543 75.3565 27.2068 76.6061 23.0163L76.6837 22.7561C76.8128 22.3188 77.1901 22.0131 77.6306 21.9868L81.1876 21.7839C81.9219 21.7417 82.4712 22.4795 82.2485 23.2093C82.0654 23.8112 81.883 24.409 81.7023 25.0014C78.5723 35.2603 75.9438 43.8759 79.4838 43.6742C81.7978 43.5422 85.0764 39.6164 87.8966 34.0279C87.9421 33.9356 87.9751 33.8381 87.9954 33.7355C88.1372 33.0055 88.3092 32.2416 88.5195 31.4432C90.1639 24.8753 92.0286 18.3691 93.8955 11.855C94.4717 9.8446 95.0481 7.83341 95.6182 5.81945C95.7449 5.37417 96.1245 5.06062 96.57 5.03426L100.221 4.82611C100.963 4.78396 101.512 5.52962 101.279 6.26474C99.8208 10.8388 98.2967 15.7106 96.8487 20.4006C96.5448 21.3887 97.603 22.2107 98.4386 21.6416C99.8791 20.6562 101.545 20.0027 103.158 19.9105C107.267 19.676 110.064 23.0565 110.332 28.1496C110.347 28.4184 110.363 28.7082 110.37 29.0032C110.385 29.5673 110.808 30.023 111.348 30.0704C113.282 30.2417 115.259 29.6673 116.786 28.3051C116.943 28.1654 117.049 27.9757 117.102 27.7701C118.616 21.8916 120.287 16.0568 121.959 10.2147C122.532 8.21455 123.105 6.21353 123.672 4.20956C123.798 3.76427 124.178 3.45072 124.624 3.42438L128.274 3.21623C129.016 3.17408 129.566 3.91972 129.333 4.65484C127.874 9.22892 126.35 14.1007 124.902 18.7907C124.598 19.7788 125.657 20.6008 126.492 20.0317C127.933 19.0463 129.599 18.3929 131.211 18.3006C135.32 18.0662 138.117 21.4466 138.386 26.5399C138.401 26.8084 138.416 27.0985 138.424 27.3935C138.436 27.9573 138.862 28.4132 139.401 28.4607C141.335 28.6318 143.312 28.0573 144.839 26.6951C144.996 26.5557 145.102 26.3659 145.156 26.1604C146.67 20.2818 148.34 14.4471 150.013 8.6051C150.586 6.60484 151.158 4.60372 151.725 2.59968C151.852 2.15439 152.232 1.84085 152.677 1.8145L156.328 1.60635C157.07 1.56419 157.619 2.30985 157.386 3.04497C155.928 7.61902 154.404 12.4908 152.956 17.1808C152.652 18.1689 153.71 18.991 154.546 18.4219C155.986 17.4364 157.652 16.783 159.265 16.6908C163.374 16.4563 166.171 19.8367 166.44 24.9299C166.455 25.2013 166.47 25.4885 166.477 25.7835C166.493 26.3447 166.913 26.8032 167.452 26.8507C169.323 27.0166 171.237 26.4844 172.741 25.2171C172.908 25.0774 173.024 24.8798 173.08 24.6637C174.804 18.0187 177.336 9.31324 179.777 0.981894C179.906 0.541877 180.285 0.236236 180.726 0.209888L184.344 0.0017367C185.078 -0.0404207 185.627 0.692063 185.407 1.42191C182.047 12.5778 179.308 22.3372 177.797 28.0944C175.789 35.9039 175.711 38.1567 177.994 38.025C179.911 37.9143 182.493 35.1952 184.928 31.0847C185.025 30.924 185.075 30.7397 185.083 30.5526C185.402 22.324 190.447 14.8385 197.946 14.409C202.969 14.1218 205.721 17.916 205.918 21.6495C206.293 28.7767 199.248 33.3324 192.42 32.9107C191.625 32.8606 191.047 33.7145 191.397 34.4574C192.351 36.4967 194.359 37.6352 197.787 37.4374C201.048 37.2531 204.468 34.439 206.622 31.928ZM93.7548 33.9278C92.1345 40.4228 94.1017 42.9652 96.646 42.8203C100.823 42.5805 104.864 34.9263 104.553 29.019C104.416 26.4396 102.907 25.0958 101.145 25.1961C98.2106 25.3646 95.0512 28.745 93.7548 33.9278ZM121.808 32.3207C120.188 38.8154 122.155 41.3581 124.7 41.2131H124.697C128.874 40.9734 132.917 33.3192 132.606 27.4119C132.472 24.8324 130.96 23.4886 129.198 23.5887C126.264 23.7574 123.105 27.1379 121.808 32.3207ZM149.862 30.7133C148.242 37.2082 150.209 39.7509 152.753 39.606H152.751C156.925 39.3662 160.971 31.712 160.66 25.8047C160.525 23.2251 159.014 21.8814 157.252 21.9815C154.318 22.1501 151.158 25.5307 149.862 30.7133ZM200.584 22.2239C200.559 20.5218 199.513 19.2887 197.817 19.3862H197.815C194.483 19.5785 191.875 23.1856 191.045 27.562C190.913 28.2577 191.422 28.9058 192.103 28.8899C196.407 28.7821 200.721 25.9416 200.584 22.2239ZM44.3525 25.3837C43.9171 12.1962 35.3423 3.49339 22.6712 3.94658C17.2307 4.19426 11.0052 6.25733 6.32164 9.9461C5.88113 10.2939 5.76719 10.9315 6.06593 11.4163L8.05331 14.6519C8.39254 15.2052 9.11407 15.3185 9.60776 14.9075C13.1724 11.9459 18.0383 10.0041 22.7193 9.79855C31.403 9.43757 37.7828 14.9971 38.1551 25.7367C38.6209 38.2417 30.2157 52.5461 16.7091 53.3207C16.2382 53.3471 15.7471 53.3577 15.2559 53.3577C14.5673 53.3577 14.0585 52.6858 14.2306 51.9901C16.8357 41.4744 19.8763 30.1974 22.9776 19.7029C23.1928 18.973 22.6459 18.2458 21.9143 18.288L17.9648 18.5146C17.5218 18.5409 17.142 18.8492 17.0129 19.2918C14.0331 29.6045 11.0508 40.7895 8.36723 51.284C8.21279 51.89 7.59761 52.2379 7.02544 52.0427C5.62543 51.566 4.34693 51.0232 3.2583 50.3881C2.73677 50.0825 2.07601 50.2987 1.80765 50.8571L0.11142 54.4037C-0.139216 54.9281 0.0455967 55.5709 0.539275 55.8527C4.38489 58.0345 10.223 59.2806 16.0914 58.9462C35.4032 57.8393 44.864 40.0015 44.3525 25.3889V25.3837ZM82.3044 9.18082C79.955 9.31518 77.8713 11.9553 78.0183 14.7377C78.1143 16.5715 79.2917 17.7967 81.1195 17.694C83.4689 17.5596 85.6106 14.7798 85.4714 12.1318C85.3754 10.298 84.0005 9.08333 82.3044 9.18082Z" fill="currentColor"></path> </svg> </a> <div class="site-nav-search site-nav-search--nav"> <div class="site-nav-search__wrapper" data-nav-autocomplete-panel-container> <div data-nav-autocomplete-container data-algolia-application-id="W5ZOF5AQ8X" data-algolia-search-api-key="bf69f8b7976957b10ed59322e21f5fb3" data-algolia-shots-index-name="Screenshot_query_suggestions" data-algolia-services-index-name="ServiceOffering_query_suggestions" data-algolia-designers-index-name="User_query_suggestions" > <input class="site-nav-search__input" type="text" placeholder="What are you looking for?" value="" autocomplete="off" autocapitalize="off" /> </div> <drb-dropdown value="shots" placement="bottom-start" flip distance="0" data-site-nav-search-type aria-label="Change search type"> <button class="site-nav-search__dropdown-trigger dropdown2 dropdown2--text-only" type="button"> <span data-dropdown-label>Shots</span> </button> <div slot="dropdown-content"> <drb-dropdown-option value="shots">Shots</drb-dropdown-option> <drb-dropdown-option value="designers">Designers</drb-dropdown-option> <drb-dropdown-option value="services">Services</drb-dropdown-option> </div> </drb-dropdown> <button class="site-nav-search__btn btn2 btn2--circle btn2--primary-alt" data-site-nav-search-submit aria-label="Search"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" class="icon "> <path d="M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> </div> </div> <nav class="site-nav-main" role="navigation" data-site-nav-main> <div class="site-nav-main__wrapper"> <ul class="site-nav-main__list"> <li class="site-nav-main__item"> <a href="/shots/popular" class="site-nav-main__link" data-site-nav-sub-trigger>Explore</a> <ul class="site-nav-sub"> <li> <a href="/shots/popular" class="site-nav-sub__link site-nav-sub__link--bold"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" class="icon "> <path d="M22 7L14.1314 14.8686C13.7354 15.2646 13.5373 15.4627 13.309 15.5368C13.1082 15.6021 12.8918 15.6021 12.691 15.5368C12.4627 15.4627 12.2646 15.2646 11.8686 14.8686L9.13137 12.1314C8.73535 11.7354 8.53735 11.5373 8.30902 11.4632C8.10817 11.3979 7.89183 11.3979 7.69098 11.4632C7.46265 11.5373 7.26465 11.7354 6.86863 12.1314L2 17M22 7H15M22 7V14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> Popular </a> </li> <li> <a href="/shots/recent" class="site-nav-sub__link site-nav-sub__link--bold"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" class="icon "> <path d="M4.5 22V17M4.5 7V2M2 4.5H7M2 19.5H7M13 3L11.2658 7.50886C10.9838 8.24209 10.8428 8.60871 10.6235 8.91709C10.4292 9.1904 10.1904 9.42919 9.91709 9.62353C9.60871 9.84281 9.24209 9.98381 8.50886 10.2658L4 12L8.50886 13.7342C9.24209 14.0162 9.60871 14.1572 9.91709 14.3765C10.1904 14.5708 10.4292 14.8096 10.6235 15.0829C10.8428 15.3913 10.9838 15.7579 11.2658 16.4911L13 21L14.7342 16.4911C15.0162 15.7579 15.1572 15.3913 15.3765 15.0829C15.5708 14.8096 15.8096 14.5708 16.0829 14.3765C16.3913 14.1572 16.7579 14.0162 17.4911 13.7342L22 12L17.4911 10.2658C16.7579 9.98381 16.3913 9.8428 16.0829 9.62353C15.8096 9.42919 15.5708 9.1904 15.3765 8.91709C15.1572 8.60871 15.0162 8.24209 14.7342 7.50886L13 3Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> New and Noteworthy </a> </li> <li class="site-nav-sub__divider"></li> <li> <a href="/shots/popular/product-design" class="site-nav-sub__link">Product Design</a> </li> <li> <a href="/shots/popular/web-design" class="site-nav-sub__link">Web Design</a> </li> <li> <a href="/shots/popular/animation" class="site-nav-sub__link">Animation</a> </li> <li> <a href="/shots/popular/branding" class="site-nav-sub__link">Branding</a> </li> <li> <a href="/shots/popular/illustration" class="site-nav-sub__link">Illustration</a> </li> <li> <a href="/shots/popular/mobile" class="site-nav-sub__link">Mobile</a> </li> <li> <a href="/shots/popular/typography" class="site-nav-sub__link">Typography</a> </li> <li> <a href="/shots/popular/print" class="site-nav-sub__link">Print</a> </li> </ul> </li> <li class="site-nav-main__item"> <a href="/designers" class="site-nav-main__link" data-site-nav-sub-trigger>Hire a Designer</a> <ul class="site-nav-sub"> <li> <a href="/designers" class="site-nav-sub__link site-nav-sub__link--bold"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" class="icon "> <path d="M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> Browse Freelancers </a> </li> <li> <a href="/services" class="site-nav-sub__link site-nav-sub__link--bold"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" class="icon "> <path d="M8 8H8.01M2 5.2L2 9.67451C2 10.1637 2 10.4083 2.05526 10.6385C2.10425 10.8425 2.18506 11.0376 2.29472 11.2166C2.4184 11.4184 2.59135 11.5914 2.93726 11.9373L10.6059 19.6059C11.7939 20.7939 12.388 21.388 13.0729 21.6105C13.6755 21.8063 14.3245 21.8063 14.927 21.6105C15.612 21.388 16.2061 20.7939 17.3941 19.6059L19.6059 17.3941C20.7939 16.2061 21.388 15.612 21.6105 14.927C21.8063 14.3245 21.8063 13.6755 21.6105 13.0729C21.388 12.388 20.7939 11.7939 19.6059 10.6059L11.9373 2.93726C11.5914 2.59135 11.4184 2.4184 11.2166 2.29472C11.0376 2.18506 10.8425 2.10425 10.6385 2.05526C10.4083 2 10.1637 2 9.67452 2L5.2 2C4.0799 2 3.51984 2 3.09202 2.21799C2.7157 2.40973 2.40973 2.71569 2.21799 3.09202C2 3.51984 2 4.07989 2 5.2ZM8.5 8C8.5 8.27614 8.27614 8.5 8 8.5C7.72386 8.5 7.5 8.27614 7.5 8C7.5 7.72386 7.72386 7.5 8 7.5C8.27614 7.5 8.5 7.72386 8.5 8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> Purchase Services </a> </li> <li> <a href="https://dribbble.com/submit-brief" class="site-nav-sub__link site-nav-sub__link--bold"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" role="img" class="icon "> <g clip-path="url(#clip0_988_526)"> <path d="M9.1665 3.33333H5.6665C4.26637 3.33333 3.56631 3.33333 3.03153 3.60582C2.56112 3.8455 2.17867 4.22795 1.93899 4.69836C1.6665 5.23314 1.6665 5.9332 1.6665 7.33333V14.3333C1.6665 15.7335 1.6665 16.4335 1.93899 16.9683C2.17867 17.4387 2.56112 17.8212 3.03153 18.0609C3.56631 18.3333 4.26637 18.3333 5.6665 18.3333H12.6665C14.0666 18.3333 14.7667 18.3333 15.3015 18.0609C15.7719 17.8212 16.1543 17.4387 16.394 16.9683C16.6665 16.4335 16.6665 15.7335 16.6665 14.3333V10.8333M6.66648 13.3333H8.06193C8.46959 13.3333 8.67341 13.3333 8.86522 13.2873C9.03528 13.2465 9.19786 13.1791 9.34698 13.0877C9.51517 12.9847 9.6593 12.8405 9.94755 12.5523L17.9165 4.58334C18.6069 3.89298 18.6069 2.77369 17.9165 2.08333C17.2261 1.39298 16.1069 1.39298 15.4165 2.08333L7.44753 10.0523C7.15928 10.3405 7.01515 10.4847 6.91208 10.6529C6.8207 10.802 6.75336 10.9646 6.71253 11.1346C6.66648 11.3264 6.66648 11.5303 6.66648 11.9379V13.3333Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g> <defs> <clipPath id="clip0_988_526"> <rect width="20" height="20" fill="white"></rect> </clipPath> </defs> </svg> Submit a Project Brief </a> </li> <li> <a href="/jobs/new" class="site-nav-sub__link site-nav-sub__link--bold"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" class="icon "> <path d="M14 2.26953V6.40007C14 6.96012 14 7.24015 14.109 7.45406C14.2049 7.64222 14.3578 7.7952 14.546 7.89108C14.7599 8.00007 15.0399 8.00007 15.6 8.00007H19.7305M14 17H8M16 13H8M20 9.98822V17.2C20 18.8802 20 19.7202 19.673 20.362C19.3854 20.9265 18.9265 21.3854 18.362 21.673C17.7202 22 16.8802 22 15.2 22H8.8C7.11984 22 6.27976 22 5.63803 21.673C5.07354 21.3854 4.6146 20.9265 4.32698 20.362C4 19.7202 4 18.8802 4 17.2V6.8C4 5.11984 4 4.27976 4.32698 3.63803C4.6146 3.07354 5.07354 2.6146 5.63803 2.32698C6.27976 2 7.11984 2 8.8 2H12.0118C12.7455 2 13.1124 2 13.4577 2.08289C13.7638 2.15638 14.0564 2.27759 14.3249 2.44208C14.6276 2.6276 14.887 2.88703 15.4059 3.40589L18.5941 6.59411C19.113 7.11297 19.3724 7.3724 19.5579 7.67515C19.7224 7.94356 19.8436 8.2362 19.9171 8.5423C20 8.88757 20 9.25445 20 9.98822Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> Post a Full-Time Job </a> </li> </ul> </li> <li class="site-nav-main__item"> <a href="/jobs" class="site-nav-main__link">Find Jobs</a> </li> <li class="site-nav-main__item"> <a href="/stories" class="site-nav-main__link">Blog</a> </li> </ul> </div> </nav> <div class="site-nav__actions-container"> <div class="site-nav-icon-actions"> <button class="site-nav-icon-actions__item" data-site-nav-search-btn> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" class="icon "> <path d="M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> </div> <a href="/signup/new" class="site-nav__signup site-nav-hide-mobile"> Sign up </a> <a href="/session/new" class="site-nav__login btn2 btn2--medium"> Log in </a> </div> </div> </div> <div class="ajax notice hide"> <h2></h2> </div> <div class="notice-alert"> <h3></h3> <div class="close" aria-label="close"> <img class="lazyload" data-src="https://cdn.dribbble.com/assets/icon-shot-x-light-05e45af08fe143f0ef18842bb2e94c2f4959000d3f1fda176220a2e6409c2f01.png" width="16" height="16" alt="close" > </div> </div> <div id="g_id_onload" data-client_id="32073492121-s6ur8ti01mh34gq2bpbufb8ujdfrpn4v.apps.googleusercontent.com" data-login_uri="https://dribbble.com/auth/google_one_tap/callback" data-ux_mode="redirect" ></div> <div id="wrap"> <div id="wrap-inner" class="flushed"> <div id="content" role="main"> <link rel="stylesheet" href="https://cdn.dribbble.com/assets/infinite-shots-pages/index-365ce17f09a938635748c200bb3ba060d169cee0014b116aac153bb9e68ab55d.css" /> <link rel="stylesheet" href="https://cdn.dribbble.com/assets/infinite-shots-pages/async-3ddd77f95a91b3a9e2f4f7859b3868c9be0a19bf2a7afec467c16459ff72dfda.css" media="print" onload="this.media='all'"> <noscript><link rel="stylesheet" href="https://cdn.dribbble.com/assets/infinite-shots-pages/async-3ddd77f95a91b3a9e2f4f7859b3868c9be0a19bf2a7afec467c16459ff72dfda.css"></noscript> <h1 class="text-align-center text-size-20 text-size-32-ns text-weight-700 mb10"> Download </h1> <h2 class="text-size-16 text-weight-400 lh-copy text-align-center text-medium mb40"> 37,201 inspirational designs, illustrations, and graphic elements from the world’s best designers. <br/>Want more inspiration? Browse our <a href="/search/download">search results</a>... </h2> <div id="main" class="main-full"> <ol class="js-thumbnail-grid shots-grid group dribbbles container-fluid"> <li id="screenshot-24849627" data-thumbnail-id="24849627" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?resize=400x0" alt="Bento Cards v.4 – E-Commerce affiliate bank bento card coin credit card detailed download ecommerce illustration figma glass globe illustration link vector wallet"> </noscript> <img alt="Bento Cards v.4 – E-Commerce affiliate bank bento card coin credit card detailed download ecommerce illustration figma glass globe illustration link vector wallet" fetchpriority="high" srcset="https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?format=webp&resize=1200x900&vertical=center 1200w" sizes="(max-width: 500px) 320px, (min-width: 501px) and (max-width: 615px) 600px, 400px" src="https://cdn.dribbble.com/userupload/16551399/file/original-e477f2aad5cdbf5393d690b27c5c25fb.png?format=webp&resize=400x300&vertical=center" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="24849627" href="/shots/24849627-Bento-Cards-v-4-E-Commerce"> <span class="accessibility-text">View Bento Cards v.4 – E-Commerce</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Bento Cards v.4 – E-Commerce </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-24849627 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24849627, { likes_count: 789, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="427857" href="/UI8"> <img class="photo lazyload" alt="UI8" width="24" height="24" data-src="https://cdn.dribbble.com/users/107759/avatars/small/b718a83234554558bf21578364cc03ea.png?1676050868" src="" /> <span class="display-name">UI8</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-team">Team</span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-24849627 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24849627, { likes_count: 789, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 789 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 286k </span> </div> </div> </div> </li> <li id="screenshot-23725257" data-thumbnail-id="23725257" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?resize=400x0" alt="MEZZO: Editable Illustrator Grain Textures - Now Available! dan kuhlken digital dkng dkng studios download geometric grain halftone hotel illustration mezzo mezzotint motel nathan goldman retro sign vector vintage"> </noscript> <img alt="MEZZO: Editable Illustrator Grain Textures - Now Available! dan kuhlken digital dkng dkng studios download geometric grain halftone hotel illustration mezzo mezzotint motel nathan goldman retro sign vector vintage" fetchpriority="high" srcset="https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?format=webp&resize=1200x900&vertical=center 1200w" sizes="(max-width: 500px) 320px, (min-width: 501px) and (max-width: 615px) 600px, 400px" src="https://cdn.dribbble.com/userupload/13294087/file/original-c390dcbdedb976cf25207fdfdd5ff15e.png?format=webp&resize=400x300&vertical=center" /> </figure> <div class="shot-thumbnail-extras"> <div class="has-rebound shot-thumbnail-extras-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none" role="img" class="icon fill-current"> <path d="M6.40436 0.522824C6.936 0.0682789 7.79709 0.0682789 8.32873 0.522824C8.59491 0.749733 8.72873 1.04792 8.72727 1.34537V3.12355C12.9542 3.45373 16 6.65955 16 11.6363C16 11.6363 13.5076 9.16719 8.72727 8.93228V10.6545C8.72873 10.9526 8.59491 11.2501 8.32873 11.477C8.06327 11.7039 7.71491 11.8181 7.36654 11.8181C7.01818 11.8181 6.67054 11.7046 6.40436 11.477L-4.76837e-07 5.99992L6.40436 0.522824Z" fill="white"></path> </svg> <span class="has-rebound-count">1</span> </div> <div class="is-rebound shot-thumbnail-extras-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8ZM8.16504 6.24902V5.06161C8.16585 4.89576 8.09142 4.73031 7.94336 4.60411C7.64766 4.35128 7.16872 4.35128 6.87302 4.60411L3.31087 7.6505L6.87302 10.6969C7.02107 10.8231 7.21443 10.8866 7.40819 10.8866C7.60195 10.8866 7.79531 10.8235 7.94336 10.6969C8.09142 10.5707 8.16585 10.4048 8.16504 10.2394V8.98145C10.8239 9.1121 12.2102 10.7855 12.2102 10.7855C12.2102 8.0174 10.5161 6.43227 8.16504 6.24902Z" fill="white"></path> </svg> </div> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="23725257" href="/shots/23725257-MEZZO-Editable-Illustrator-Grain-Textures-Now-Available"> <span class="accessibility-text">View MEZZO: Editable Illustrator Grain Textures - Now Available!</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> MEZZO: Editable Illustrator Grain Textures - Now Available! </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-23725257 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(23725257, { likes_count: 326, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="31348" href="/DKNG"> <img class="photo lazyload" alt="DKNG" width="24" height="24" data-src="https://cdn.dribbble.com/users/31348/avatars/small/27c9b6b5f30020754935a86969f3c7a8.png?1682367368" src="" /> <span class="display-name">DKNG</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-pro "> Pro </span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-23725257 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(23725257, { likes_count: 326, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 326 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 136k </span> </div> </div> </div> </li> <script> var newestShots = [{"id":24849627,"title":"Bento Cards v.4 – E-Commerce","path":"/shots/24849627-Bento-Cards-v-4-E-Commerce","published_at":"September 12, 2024","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"286k","likes_count":"789","liked":null,"ga":[["UI8","UA-93563814-1"],["tranmautritam","UA-89709150-1"]]},{"id":23725257,"title":"MEZZO: Editable Illustrator Grain Textures - Now Available!","path":"/shots/23725257-MEZZO-Editable-Illustrator-Grain-Textures-Now-Available","published_at":"February 27, 2024","is_rebound":true,"rebounds_count":1,"attachments_count":0,"view_count":"136k","likes_count":"326","liked":null,"ga":[]}] if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.add(newestShots); Dribbble.TeaserStats.init(newestShots); Dribbble.Thumbnails.cursor = '1709055791.02525'; } else { if (typeof newShots === "undefined") { var newShots = []; } newShots = newShots.concat(newestShots); } </script> <script>if (!document.querySelector(".js-thumbnail-grid")){ window.location.reload(); }</script> <li id="screenshot-23717903" data-thumbnail-id="23717903" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/13272315/file/original-fdecb12fade7bf1737a3f5c2474bf5bf.jpg?resize=400x0" alt="Coming Soon - DKNG Editable Textures dan kuhlken digital download geometric grain halftone mezzotint nathan goldman texture textures"> </noscript> <img alt="Coming Soon - DKNG Editable Textures dan kuhlken digital download geometric grain halftone mezzotint nathan goldman texture textures" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/13272315/file/original-fdecb12fade7bf1737a3f5c2474bf5bf.jpg?crop=0x312-2000x1812&format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/13272315/file/original-fdecb12fade7bf1737a3f5c2474bf5bf.jpg?crop=0x312-2000x1812&format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/13272315/file/original-fdecb12fade7bf1737a3f5c2474bf5bf.jpg?crop=0x312-2000x1812&format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/13272315/file/original-fdecb12fade7bf1737a3f5c2474bf5bf.jpg?crop=0x312-2000x1812&format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/13272315/file/original-fdecb12fade7bf1737a3f5c2474bf5bf.jpg?crop=0x312-2000x1812&format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/13272315/file/original-fdecb12fade7bf1737a3f5c2474bf5bf.jpg?crop=0x312-2000x1812&format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/13272315/file/original-fdecb12fade7bf1737a3f5c2474bf5bf.jpg?crop=0x312-2000x1812&format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/13272315/file/original-fdecb12fade7bf1737a3f5c2474bf5bf.jpg?crop=0x312-2000x1812&format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/13272315/file/original-fdecb12fade7bf1737a3f5c2474bf5bf.jpg?crop=0x312-2000x1812&format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/13272315/file/original-fdecb12fade7bf1737a3f5c2474bf5bf.jpg?crop=0x312-2000x1812&format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> <div class="has-rebound shot-thumbnail-extras-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none" role="img" class="icon fill-current"> <path d="M6.40436 0.522824C6.936 0.0682789 7.79709 0.0682789 8.32873 0.522824C8.59491 0.749733 8.72873 1.04792 8.72727 1.34537V3.12355C12.9542 3.45373 16 6.65955 16 11.6363C16 11.6363 13.5076 9.16719 8.72727 8.93228V10.6545C8.72873 10.9526 8.59491 11.2501 8.32873 11.477C8.06327 11.7039 7.71491 11.8181 7.36654 11.8181C7.01818 11.8181 6.67054 11.7046 6.40436 11.477L-4.76837e-07 5.99992L6.40436 0.522824Z" fill="white"></path> </svg> <span class="has-rebound-count">1</span> </div> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="23717903" href="/shots/23717903-Coming-Soon-DKNG-Editable-Textures"> <span class="accessibility-text">View Coming Soon - DKNG Editable Textures</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Coming Soon - DKNG Editable Textures </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-23717903 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(23717903, { likes_count: 293, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="31348" href="/DKNG"> <img class="photo lazyload" alt="DKNG" width="24" height="24" data-src="https://cdn.dribbble.com/users/31348/avatars/small/27c9b6b5f30020754935a86969f3c7a8.png?1682367368" src="" /> <span class="display-name">DKNG</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-pro "> Pro </span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-23717903 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(23717903, { likes_count: 293, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 293 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 60.8k </span> </div> </div> </div> </li> <li id="screenshot-24406279" data-thumbnail-id="24406279" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble video " data-video-teaser-small="https://cdn.dribbble.com/userupload/15258657/file/small-1bc33f9a00aa3f52ac9d249b8e118ba9.mp4" data-video-teaser-medium="https://cdn.dribbble.com/userupload/15258657/file/large-f4af324c538c03c102b403dc7a9c46c2.mp4" data-video-teaser-large="https://cdn.dribbble.com/userupload/15258657/file/large-f4af324c538c03c102b403dc7a9c46c2.mp4" data-video-teaser-original="https://cdn.dribbble.com/userupload/15258657/file/original-f3e54cb94814b9af7d42ab16023a6ee4.mp4" > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/15258657/file/still-ac5b22f12ad9c5281f4f7b2f1ac89435.png?resize=400x0" alt="Let's Fly - Landing Page 3d air airplane apple clean clouds design download fly flying framer kit landing light luxury minimal plane sky template theme"> </noscript> <img alt="Let's Fly - Landing Page 3d air airplane apple clean clouds design download fly flying framer kit landing light luxury minimal plane sky template theme" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/15258657/file/still-ac5b22f12ad9c5281f4f7b2f1ac89435.png?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/15258657/file/still-ac5b22f12ad9c5281f4f7b2f1ac89435.png?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/15258657/file/still-ac5b22f12ad9c5281f4f7b2f1ac89435.png?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/15258657/file/still-ac5b22f12ad9c5281f4f7b2f1ac89435.png?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/15258657/file/still-ac5b22f12ad9c5281f4f7b2f1ac89435.png?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/15258657/file/still-ac5b22f12ad9c5281f4f7b2f1ac89435.png?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/15258657/file/still-ac5b22f12ad9c5281f4f7b2f1ac89435.png?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/15258657/file/still-ac5b22f12ad9c5281f4f7b2f1ac89435.png?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/15258657/file/still-ac5b22f12ad9c5281f4f7b2f1ac89435.png?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/15258657/file/still-ac5b22f12ad9c5281f4f7b2f1ac89435.png?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> <div class="is-motion shot-thumbnail-extras-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="9" viewBox="0 0 11 9" fill="none" role="img" aria-hidden="true" class="icon "> <path d="M10.9998 2.81212C10.9998 2.47893 10.9998 2.31233 10.934 2.23519C10.8768 2.16825 10.791 2.13273 10.7033 2.13964C10.6021 2.1476 10.4843 2.2654 10.2487 2.501L8.24988 4.49985L10.2487 6.49869C10.4843 6.73429 10.6021 6.85209 10.7033 6.86005C10.791 6.86696 10.8768 6.83144 10.934 6.7645C10.9998 6.68736 10.9998 6.52076 10.9998 6.18757V2.81212Z" fill="currentColor"></path> <path d="M0 3.28986C0 2.36579 0 1.90375 0.179837 1.5508C0.338025 1.24034 0.59044 0.987928 0.900902 0.829739C1.25385 0.649902 1.71589 0.649902 2.63996 0.649902H5.60992C6.53399 0.649902 6.99603 0.649902 7.34898 0.829739C7.65944 0.987928 7.91185 1.24034 8.07004 1.5508C8.24988 1.90375 8.24988 2.36579 8.24988 3.28986V5.70983C8.24988 6.6339 8.24988 7.09594 8.07004 7.44889C7.91185 7.75935 7.65944 8.01176 7.34898 8.16995C6.99603 8.34979 6.53399 8.34979 5.60992 8.34979H2.63996C1.71589 8.34979 1.25385 8.34979 0.900902 8.16995C0.59044 8.01176 0.338025 7.75935 0.179837 7.44889C0 7.09594 0 6.6339 0 5.70983V3.28986Z" fill="currentColor"></path> </svg> </div> <div class="loading-indicator shot-thumbnail-extras-icon disable-media-icons"></div> <a class="animated-target" href="/shots/24406279-Let-s-Fly-Landing-Page"> <span class="accessibility-text">Shot Link</span> </a> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="24406279" href="/shots/24406279-Let-s-Fly-Landing-Page"> <span class="accessibility-text">View Let's Fly - Landing Page</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Let's Fly - Landing Page </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-24406279 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24406279, { likes_count: 499, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="148670" href="/cerpow"> <img class="photo lazyload" alt="Voicu Apostol" width="24" height="24" data-src="https://cdn.dribbble.com/users/148670/avatars/small/09c1e261ed97199624b81a158891f939.png?1672263144" src="" /> <span class="display-name">Voicu Apostol</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-pro "> Pro </span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-24406279 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24406279, { likes_count: 499, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 499 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 147k </span> </div> </div> </div> </li> <li id="screenshot-24371218" data-thumbnail-id="24371218" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/15156277/file/original-c8cee295087d2129a3ada283fee7a5eb.png?resize=400x0" alt="🍱 Bento Cards: Multipurpose – Coded Versions bento bento card bento cards branding clean creative design download free freebie glass illustration illustrations minimal ui ui design ux ux design web app web design"> </noscript> <img alt="🍱 Bento Cards: Multipurpose – Coded Versions bento bento card bento cards branding clean creative design download free freebie glass illustration illustrations minimal ui ui design ux ux design web app web design" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/15156277/file/original-c8cee295087d2129a3ada283fee7a5eb.png?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/15156277/file/original-c8cee295087d2129a3ada283fee7a5eb.png?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/15156277/file/original-c8cee295087d2129a3ada283fee7a5eb.png?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/15156277/file/original-c8cee295087d2129a3ada283fee7a5eb.png?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/15156277/file/original-c8cee295087d2129a3ada283fee7a5eb.png?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/15156277/file/original-c8cee295087d2129a3ada283fee7a5eb.png?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/15156277/file/original-c8cee295087d2129a3ada283fee7a5eb.png?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/15156277/file/original-c8cee295087d2129a3ada283fee7a5eb.png?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/15156277/file/original-c8cee295087d2129a3ada283fee7a5eb.png?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/15156277/file/original-c8cee295087d2129a3ada283fee7a5eb.png?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="24371218" href="/shots/24371218--Bento-Cards-Multipurpose-Coded-Versions"> <span class="accessibility-text">View 🍱 Bento Cards: Multipurpose – Coded Versions</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> 🍱 Bento Cards: Multipurpose – Coded Versions </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-24371218 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24371218, { likes_count: 405, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="427857" href="/UI8"> <img class="photo lazyload" alt="UI8" width="24" height="24" data-src="https://cdn.dribbble.com/users/107759/avatars/small/b718a83234554558bf21578364cc03ea.png?1676050868" src="" /> <span class="display-name">UI8</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-team">Team</span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-24371218 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24371218, { likes_count: 405, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 405 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 199k </span> </div> </div> </div> </li> <li id="screenshot-22953275" data-thumbnail-id="22953275" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/11122167/file/original-b5c9034624cf00e742a33e5bcb310627.jpg?resize=400x0" alt="Geometrica NO ll icons pack branding design design system download finance fintech graphic design icons identity illustration list payment pictograms product design scheme ui vector vision"> </noscript> <img alt="Geometrica NO ll icons pack branding design design system download finance fintech graphic design icons identity illustration list payment pictograms product design scheme ui vector vision" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/11122167/file/original-b5c9034624cf00e742a33e5bcb310627.jpg?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/11122167/file/original-b5c9034624cf00e742a33e5bcb310627.jpg?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/11122167/file/original-b5c9034624cf00e742a33e5bcb310627.jpg?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/11122167/file/original-b5c9034624cf00e742a33e5bcb310627.jpg?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/11122167/file/original-b5c9034624cf00e742a33e5bcb310627.jpg?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/11122167/file/original-b5c9034624cf00e742a33e5bcb310627.jpg?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/11122167/file/original-b5c9034624cf00e742a33e5bcb310627.jpg?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/11122167/file/original-b5c9034624cf00e742a33e5bcb310627.jpg?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/11122167/file/original-b5c9034624cf00e742a33e5bcb310627.jpg?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/11122167/file/original-b5c9034624cf00e742a33e5bcb310627.jpg?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="22953275" href="/shots/22953275-Geometrica-NO-ll-icons-pack"> <span class="accessibility-text">View Geometrica NO ll icons pack</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Geometrica NO ll icons pack </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-22953275 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(22953275, { likes_count: 268, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="1314550" href="/konolee"> <img class="photo lazyload" alt="Konolee" width="24" height="24" data-src="https://cdn.dribbble.com/users/1314550/avatars/small/b361648916928d33748397d51b6b1c61.png?1739915083" src="" /> <span class="display-name">Konolee</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-pro "> Pro </span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-22953275 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(22953275, { likes_count: 268, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 268 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 67.6k </span> </div> </div> </div> </li> <li id="screenshot-23229296" data-thumbnail-id="23229296" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/11883062/file/original-513cb8c0bae039e38dfebb061b4e328e.png?resize=400x0" alt="Geometrica Laptop: free Figma vector mockup, macbook pro apple blur device download fig figma file free freebie glow gumroad ios isometric laptop mac macbook macbook pro macos mockup pro"> </noscript> <img alt="Geometrica Laptop: free Figma vector mockup, macbook pro apple blur device download fig figma file free freebie glow gumroad ios isometric laptop mac macbook macbook pro macos mockup pro" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/11883062/file/original-513cb8c0bae039e38dfebb061b4e328e.png?crop=0x0-3201x2401&format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/11883062/file/original-513cb8c0bae039e38dfebb061b4e328e.png?crop=0x0-3201x2401&format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/11883062/file/original-513cb8c0bae039e38dfebb061b4e328e.png?crop=0x0-3201x2401&format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/11883062/file/original-513cb8c0bae039e38dfebb061b4e328e.png?crop=0x0-3201x2401&format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/11883062/file/original-513cb8c0bae039e38dfebb061b4e328e.png?crop=0x0-3201x2401&format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/11883062/file/original-513cb8c0bae039e38dfebb061b4e328e.png?crop=0x0-3201x2401&format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/11883062/file/original-513cb8c0bae039e38dfebb061b4e328e.png?crop=0x0-3201x2401&format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/11883062/file/original-513cb8c0bae039e38dfebb061b4e328e.png?crop=0x0-3201x2401&format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/11883062/file/original-513cb8c0bae039e38dfebb061b4e328e.png?crop=0x0-3201x2401&format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/11883062/file/original-513cb8c0bae039e38dfebb061b4e328e.png?crop=0x0-3201x2401&format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="23229296" href="/shots/23229296-Geometrica-Laptop-free-Figma-vector-mockup-macbook-pro"> <span class="accessibility-text">View Geometrica Laptop: free Figma vector mockup, macbook pro</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Geometrica Laptop: free Figma vector mockup, macbook pro </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-23229296 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(23229296, { likes_count: 229, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="1314550" href="/konolee"> <img class="photo lazyload" alt="Konolee" width="24" height="24" data-src="https://cdn.dribbble.com/users/1314550/avatars/small/b361648916928d33748397d51b6b1c61.png?1739915083" src="" /> <span class="display-name">Konolee</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-pro "> Pro </span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-23229296 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(23229296, { likes_count: 229, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 229 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 84.6k </span> </div> </div> </div> </li> <li id="screenshot-25074868" data-thumbnail-id="25074868" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/17219646/file/original-84908e6e9ba2037adcbcabaf8ee588f5.jpg?resize=400x0" alt="Cardboard Mockup box box mockup boxes brand identity branding brown cardboard cardboard mockup download graphic design kraft mockup mock up mockup packaging paper box photoshop psd realistic template"> </noscript> <img alt="Cardboard Mockup box box mockup boxes brand identity branding brown cardboard cardboard mockup download graphic design kraft mockup mock up mockup packaging paper box photoshop psd realistic template" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/17219646/file/original-84908e6e9ba2037adcbcabaf8ee588f5.jpg?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/17219646/file/original-84908e6e9ba2037adcbcabaf8ee588f5.jpg?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/17219646/file/original-84908e6e9ba2037adcbcabaf8ee588f5.jpg?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/17219646/file/original-84908e6e9ba2037adcbcabaf8ee588f5.jpg?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/17219646/file/original-84908e6e9ba2037adcbcabaf8ee588f5.jpg?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/17219646/file/original-84908e6e9ba2037adcbcabaf8ee588f5.jpg?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/17219646/file/original-84908e6e9ba2037adcbcabaf8ee588f5.jpg?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/17219646/file/original-84908e6e9ba2037adcbcabaf8ee588f5.jpg?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/17219646/file/original-84908e6e9ba2037adcbcabaf8ee588f5.jpg?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/17219646/file/original-84908e6e9ba2037adcbcabaf8ee588f5.jpg?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="25074868" href="/shots/25074868-Cardboard-Mockup"> <span class="accessibility-text">View Cardboard Mockup</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Cardboard Mockup </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-25074868 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(25074868, { likes_count: 131, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="18040513" href="/hoshistudio"> <img class="photo lazyload" alt="Hoshi Studio" width="24" height="24" data-src="https://cdn.dribbble.com/users/18040513/avatars/small/data?1698994213" src="" /> <span class="display-name">Hoshi Studio</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-pro "> Pro </span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-25074868 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(25074868, { likes_count: 131, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 131 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 62.4k </span> </div> </div> </div> </li> <li id="screenshot-24048969" data-thumbnail-id="24048969" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/14221674/file/original-2f61f1b5af1b40667194fd67cb094d81.jpg?resize=400x0" alt="Kaolin Cosmetics Mockups bento bento grid branding cosmetics mockups download free freebie mockup psd"> </noscript> <img alt="Kaolin Cosmetics Mockups bento bento grid branding cosmetics mockups download free freebie mockup psd" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/14221674/file/original-2f61f1b5af1b40667194fd67cb094d81.jpg?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/14221674/file/original-2f61f1b5af1b40667194fd67cb094d81.jpg?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/14221674/file/original-2f61f1b5af1b40667194fd67cb094d81.jpg?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/14221674/file/original-2f61f1b5af1b40667194fd67cb094d81.jpg?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/14221674/file/original-2f61f1b5af1b40667194fd67cb094d81.jpg?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/14221674/file/original-2f61f1b5af1b40667194fd67cb094d81.jpg?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/14221674/file/original-2f61f1b5af1b40667194fd67cb094d81.jpg?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/14221674/file/original-2f61f1b5af1b40667194fd67cb094d81.jpg?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/14221674/file/original-2f61f1b5af1b40667194fd67cb094d81.jpg?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/14221674/file/original-2f61f1b5af1b40667194fd67cb094d81.jpg?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="24048969" href="/shots/24048969-Kaolin-Cosmetics-Mockups"> <span class="accessibility-text">View Kaolin Cosmetics Mockups</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Kaolin Cosmetics Mockups </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-24048969 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24048969, { likes_count: 279, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="92173" href="/lstore_graphics"> <img class="photo lazyload" alt="lstore_graphics" width="24" height="24" data-src="https://cdn.dribbble.com/users/1267164/avatars/small/6e3d1c25c8fd8641c0d9937f56a02ce1.png?1556534461" src="" /> <span class="display-name">lstore_graphics</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-team">Team</span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-24048969 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24048969, { likes_count: 279, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 279 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 80k </span> </div> </div> </div> </li> <li id="screenshot-22991830" data-thumbnail-id="22991830" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/11226731/file/original-2b6749d697266529d6b643469f17673f.png?resize=400x0" alt="Wireframe Kit apps branding creative download figma flat illustration illustrations landing page mockup outline style ui uiux ux vector web page website wire frame wireframe wireframe kit"> </noscript> <img alt="Wireframe Kit apps branding creative download figma flat illustration illustrations landing page mockup outline style ui uiux ux vector web page website wire frame wireframe wireframe kit" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/11226731/file/original-2b6749d697266529d6b643469f17673f.png?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/11226731/file/original-2b6749d697266529d6b643469f17673f.png?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/11226731/file/original-2b6749d697266529d6b643469f17673f.png?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/11226731/file/original-2b6749d697266529d6b643469f17673f.png?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/11226731/file/original-2b6749d697266529d6b643469f17673f.png?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/11226731/file/original-2b6749d697266529d6b643469f17673f.png?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/11226731/file/original-2b6749d697266529d6b643469f17673f.png?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/11226731/file/original-2b6749d697266529d6b643469f17673f.png?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/11226731/file/original-2b6749d697266529d6b643469f17673f.png?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/11226731/file/original-2b6749d697266529d6b643469f17673f.png?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="22991830" href="/shots/22991830-Wireframe-Kit"> <span class="accessibility-text">View Wireframe Kit</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Wireframe Kit </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-22991830 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(22991830, { likes_count: 274, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="472667" href="/Roundicons"> <img class="photo lazyload" alt="Ramy Wafaa" width="24" height="24" data-src="https://cdn.dribbble.com/users/472667/avatars/small/bf4ef6a50b3a0b8f1c4e3d56bbe4cac1.jpg?1681254858" src="" /> <span class="display-name">Ramy Wafaa</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-pro "> Pro </span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-22991830 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(22991830, { likes_count: 274, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 274 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 129k </span> </div> </div> </div> </li> <li id="screenshot-23974482" data-thumbnail-id="23974482" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/14006472/file/original-59c4e6b0a4fc4df4ce2a66660bfbd3ee.jpg?resize=400x0" alt="Kaine, Branding Mockups bento design download feature mock up mockup ui"> </noscript> <img alt="Kaine, Branding Mockups bento design download feature mock up mockup ui" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/14006472/file/original-59c4e6b0a4fc4df4ce2a66660bfbd3ee.jpg?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/14006472/file/original-59c4e6b0a4fc4df4ce2a66660bfbd3ee.jpg?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/14006472/file/original-59c4e6b0a4fc4df4ce2a66660bfbd3ee.jpg?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/14006472/file/original-59c4e6b0a4fc4df4ce2a66660bfbd3ee.jpg?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/14006472/file/original-59c4e6b0a4fc4df4ce2a66660bfbd3ee.jpg?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/14006472/file/original-59c4e6b0a4fc4df4ce2a66660bfbd3ee.jpg?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/14006472/file/original-59c4e6b0a4fc4df4ce2a66660bfbd3ee.jpg?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/14006472/file/original-59c4e6b0a4fc4df4ce2a66660bfbd3ee.jpg?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/14006472/file/original-59c4e6b0a4fc4df4ce2a66660bfbd3ee.jpg?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/14006472/file/original-59c4e6b0a4fc4df4ce2a66660bfbd3ee.jpg?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="23974482" href="/shots/23974482-Kaine-Branding-Mockups"> <span class="accessibility-text">View Kaine, Branding Mockups</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Kaine, Branding Mockups </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-23974482 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(23974482, { likes_count: 231, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="92173" href="/lstore_graphics"> <img class="photo lazyload" alt="lstore_graphics" width="24" height="24" data-src="https://cdn.dribbble.com/users/1267164/avatars/small/6e3d1c25c8fd8641c0d9937f56a02ce1.png?1556534461" src="" /> <span class="display-name">lstore_graphics</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-team">Team</span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-23974482 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(23974482, { likes_count: 231, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 231 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 56.1k </span> </div> </div> </div> </li> <li id="screenshot-21291769" data-thumbnail-id="21291769" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/6524797/file/original-021ec8aab80fdb70aabc41889cc7a42b.png?resize=400x0" alt="Downloader - Page Content app chart clean content dashboard design details download header modal network page play progress share tracker ui ux widelab widget"> </noscript> <img alt="Downloader - Page Content app chart clean content dashboard design details download header modal network page play progress share tracker ui ux widelab widget" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/6524797/file/original-021ec8aab80fdb70aabc41889cc7a42b.png?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/6524797/file/original-021ec8aab80fdb70aabc41889cc7a42b.png?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/6524797/file/original-021ec8aab80fdb70aabc41889cc7a42b.png?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/6524797/file/original-021ec8aab80fdb70aabc41889cc7a42b.png?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/6524797/file/original-021ec8aab80fdb70aabc41889cc7a42b.png?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/6524797/file/original-021ec8aab80fdb70aabc41889cc7a42b.png?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/6524797/file/original-021ec8aab80fdb70aabc41889cc7a42b.png?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/6524797/file/original-021ec8aab80fdb70aabc41889cc7a42b.png?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/6524797/file/original-021ec8aab80fdb70aabc41889cc7a42b.png?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/6524797/file/original-021ec8aab80fdb70aabc41889cc7a42b.png?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="21291769" href="/shots/21291769-Downloader-Page-Content"> <span class="accessibility-text">View Downloader - Page Content</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Downloader - Page Content </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-21291769 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(21291769, { likes_count: 344, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="1407879" href="/widelab"> <img class="photo lazyload" alt="widelab" width="24" height="24" data-src="https://cdn.dribbble.com/users/2587130/avatars/small/f4479b3fc90616017f15bcac76e1d7ad.png?1627036411" src="" /> <span class="display-name">widelab</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-team">Team</span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-21291769 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(21291769, { likes_count: 344, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 344 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 171k </span> </div> </div> </div> </li> <li id="screenshot-25260804" data-thumbnail-id="25260804" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/17788525/file/original-6efc345d29f2cd5b9caa43d5b7187eea.png?resize=400x0" alt="Snake 25 2025 affinity branding download free illustration logo logotype new year snake"> </noscript> <img alt="Snake 25 2025 affinity branding download free illustration logo logotype new year snake" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/17788525/file/original-6efc345d29f2cd5b9caa43d5b7187eea.png?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/17788525/file/original-6efc345d29f2cd5b9caa43d5b7187eea.png?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/17788525/file/original-6efc345d29f2cd5b9caa43d5b7187eea.png?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/17788525/file/original-6efc345d29f2cd5b9caa43d5b7187eea.png?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/17788525/file/original-6efc345d29f2cd5b9caa43d5b7187eea.png?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/17788525/file/original-6efc345d29f2cd5b9caa43d5b7187eea.png?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/17788525/file/original-6efc345d29f2cd5b9caa43d5b7187eea.png?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/17788525/file/original-6efc345d29f2cd5b9caa43d5b7187eea.png?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/17788525/file/original-6efc345d29f2cd5b9caa43d5b7187eea.png?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/17788525/file/original-6efc345d29f2cd5b9caa43d5b7187eea.png?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="25260804" href="/shots/25260804-Snake-25"> <span class="accessibility-text">View Snake 25</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Snake 25 </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-25260804 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(25260804, { likes_count: 118, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="1322735" href="/ruslanbabkin"> <img class="photo lazyload" alt="Ruslan Babkin" width="24" height="24" data-src="https://cdn.dribbble.com/users/1322735/avatars/small/93926d80413b96276b1b2c9bdd85c63c.png?1738824048" src="" /> <span class="display-name">Ruslan Babkin</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-pro "> Pro </span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-25260804 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(25260804, { likes_count: 118, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 118 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 28.2k </span> </div> </div> </div> </li> <li id="screenshot-24670637" data-thumbnail-id="24670637" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/16032158/file/original-def186893db79324ffde03d68fe41612.png?resize=400x0" alt="Free UI Kit E-Commerce Landing Page business clean design download ecommerce fashion figma figma community free freebies hero section homepage landing page layout ui ui kit ux website whitespace"> </noscript> <img alt="Free UI Kit E-Commerce Landing Page business clean design download ecommerce fashion figma figma community free freebies hero section homepage landing page layout ui ui kit ux website whitespace" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/16032158/file/original-def186893db79324ffde03d68fe41612.png?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/16032158/file/original-def186893db79324ffde03d68fe41612.png?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/16032158/file/original-def186893db79324ffde03d68fe41612.png?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/16032158/file/original-def186893db79324ffde03d68fe41612.png?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/16032158/file/original-def186893db79324ffde03d68fe41612.png?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/16032158/file/original-def186893db79324ffde03d68fe41612.png?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/16032158/file/original-def186893db79324ffde03d68fe41612.png?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/16032158/file/original-def186893db79324ffde03d68fe41612.png?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/16032158/file/original-def186893db79324ffde03d68fe41612.png?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/16032158/file/original-def186893db79324ffde03d68fe41612.png?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="24670637" href="/shots/24670637-Free-UI-Kit-E-Commerce-Landing-Page"> <span class="accessibility-text">View Free UI Kit E-Commerce Landing Page</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Free UI Kit E-Commerce Landing Page </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-24670637 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24670637, { likes_count: 307, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="1047455" href="/paperpillar"> <img class="photo lazyload" alt="Paperpillar" width="24" height="24" data-src="https://cdn.dribbble.com/users/1047455/avatars/small/316d7dcb011d5b29b8960194c3982a54.png?1721788289" src="" /> <span class="display-name">Paperpillar</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-team">Team</span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-24670637 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24670637, { likes_count: 307, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 307 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 160k </span> </div> </div> </div> </li> <li id="screenshot-24390656" data-thumbnail-id="24390656" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/15212154/file/original-177d49fb6fb4bc628eef9d8b69d3417e.jpg?resize=400x0" alt="Illustration for the Growth gurus project (part 3) branding cafe character city design download freebies graphic design header hero homepage illustration people plants sea street team teamwork ui web"> </noscript> <img alt="Illustration for the Growth gurus project (part 3) branding cafe character city design download freebies graphic design header hero homepage illustration people plants sea street team teamwork ui web" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/15212154/file/original-177d49fb6fb4bc628eef9d8b69d3417e.jpg?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/15212154/file/original-177d49fb6fb4bc628eef9d8b69d3417e.jpg?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/15212154/file/original-177d49fb6fb4bc628eef9d8b69d3417e.jpg?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/15212154/file/original-177d49fb6fb4bc628eef9d8b69d3417e.jpg?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/15212154/file/original-177d49fb6fb4bc628eef9d8b69d3417e.jpg?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/15212154/file/original-177d49fb6fb4bc628eef9d8b69d3417e.jpg?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/15212154/file/original-177d49fb6fb4bc628eef9d8b69d3417e.jpg?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/15212154/file/original-177d49fb6fb4bc628eef9d8b69d3417e.jpg?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/15212154/file/original-177d49fb6fb4bc628eef9d8b69d3417e.jpg?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/15212154/file/original-177d49fb6fb4bc628eef9d8b69d3417e.jpg?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="24390656" href="/shots/24390656-Illustration-for-the-Growth-gurus-project-part-3"> <span class="accessibility-text">View Illustration for the Growth gurus project (part 3)</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Illustration for the Growth gurus project (part 3) </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-24390656 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24390656, { likes_count: 265, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="930118" href="/vv_voishvilo"> <img class="photo lazyload" alt="Vera Voishvilo " width="24" height="24" data-src="https://cdn.dribbble.com/users/930118/avatars/small/9c1a1af21f2ae930ae7552939db5bf2b.png?1482160884" src="" /> <span class="display-name">Vera Voishvilo </span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-pro "> Pro </span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-24390656 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24390656, { likes_count: 265, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 265 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 84.6k </span> </div> </div> </div> </li> <li id="screenshot-24948322" data-thumbnail-id="24948322" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/16839774/file/original-a718bc8af449853f4bf8f135d9798ba6.png?resize=400x0" alt="Wonderkids - Education Landing Page UI Kit branding clean community design desktop download figma freebies homepage illustration landing page layout responsive typography ui ux website whitespace"> </noscript> <img alt="Wonderkids - Education Landing Page UI Kit branding clean community design desktop download figma freebies homepage illustration landing page layout responsive typography ui ux website whitespace" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/16839774/file/original-a718bc8af449853f4bf8f135d9798ba6.png?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/16839774/file/original-a718bc8af449853f4bf8f135d9798ba6.png?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/16839774/file/original-a718bc8af449853f4bf8f135d9798ba6.png?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/16839774/file/original-a718bc8af449853f4bf8f135d9798ba6.png?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/16839774/file/original-a718bc8af449853f4bf8f135d9798ba6.png?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/16839774/file/original-a718bc8af449853f4bf8f135d9798ba6.png?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/16839774/file/original-a718bc8af449853f4bf8f135d9798ba6.png?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/16839774/file/original-a718bc8af449853f4bf8f135d9798ba6.png?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/16839774/file/original-a718bc8af449853f4bf8f135d9798ba6.png?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/16839774/file/original-a718bc8af449853f4bf8f135d9798ba6.png?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="24948322" href="/shots/24948322-Wonderkids-Education-Landing-Page-UI-Kit"> <span class="accessibility-text">View Wonderkids - Education Landing Page UI Kit</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Wonderkids - Education Landing Page UI Kit </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-24948322 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24948322, { likes_count: 339, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="1047455" href="/paperpillar"> <img class="photo lazyload" alt="Paperpillar" width="24" height="24" data-src="https://cdn.dribbble.com/users/1047455/avatars/small/316d7dcb011d5b29b8960194c3982a54.png?1721788289" src="" /> <span class="display-name">Paperpillar</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-team">Team</span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-24948322 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24948322, { likes_count: 339, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 339 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 129k </span> </div> </div> </div> </li> <li id="screenshot-25249791" data-thumbnail-id="25249791" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/17754938/file/original-b5ae031c57d27392275d43b6c41f11a7.png?resize=400x0" alt="Snakes 2025 2025 affinity branding download free illustration logo logotype new year snake"> </noscript> <img alt="Snakes 2025 2025 affinity branding download free illustration logo logotype new year snake" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/17754938/file/original-b5ae031c57d27392275d43b6c41f11a7.png?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/17754938/file/original-b5ae031c57d27392275d43b6c41f11a7.png?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/17754938/file/original-b5ae031c57d27392275d43b6c41f11a7.png?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/17754938/file/original-b5ae031c57d27392275d43b6c41f11a7.png?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/17754938/file/original-b5ae031c57d27392275d43b6c41f11a7.png?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/17754938/file/original-b5ae031c57d27392275d43b6c41f11a7.png?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/17754938/file/original-b5ae031c57d27392275d43b6c41f11a7.png?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/17754938/file/original-b5ae031c57d27392275d43b6c41f11a7.png?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/17754938/file/original-b5ae031c57d27392275d43b6c41f11a7.png?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/17754938/file/original-b5ae031c57d27392275d43b6c41f11a7.png?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="25249791" href="/shots/25249791-Snakes-2025"> <span class="accessibility-text">View Snakes 2025</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Snakes 2025 </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-25249791 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(25249791, { likes_count: 91, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="1322735" href="/ruslanbabkin"> <img class="photo lazyload" alt="Ruslan Babkin" width="24" height="24" data-src="https://cdn.dribbble.com/users/1322735/avatars/small/93926d80413b96276b1b2c9bdd85c63c.png?1738824048" src="" /> <span class="display-name">Ruslan Babkin</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-pro "> Pro </span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-25249791 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(25249791, { likes_count: 91, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 91 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 19k </span> </div> </div> </div> </li> <li id="screenshot-25837473" data-thumbnail-id="25837473" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure style="background-color: #0A0A0A" class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/42706933/file/original-c0ce6361b3404ee3ba5ec7b053f1bdbf.jpg?resize=400x0" alt="Finergy app UI Kit on UI8 app app design app download crypto app download download app mobile mobile app stock ui ui8 user interface"> </noscript> <img alt="Finergy app UI Kit on UI8 app app design app download crypto app download download app mobile mobile app stock ui ui8 user interface" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/42706933/file/original-c0ce6361b3404ee3ba5ec7b053f1bdbf.jpg?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/42706933/file/original-c0ce6361b3404ee3ba5ec7b053f1bdbf.jpg?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/42706933/file/original-c0ce6361b3404ee3ba5ec7b053f1bdbf.jpg?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/42706933/file/original-c0ce6361b3404ee3ba5ec7b053f1bdbf.jpg?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/42706933/file/original-c0ce6361b3404ee3ba5ec7b053f1bdbf.jpg?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/42706933/file/original-c0ce6361b3404ee3ba5ec7b053f1bdbf.jpg?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/42706933/file/original-c0ce6361b3404ee3ba5ec7b053f1bdbf.jpg?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/42706933/file/original-c0ce6361b3404ee3ba5ec7b053f1bdbf.jpg?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/42706933/file/original-c0ce6361b3404ee3ba5ec7b053f1bdbf.jpg?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/42706933/file/original-c0ce6361b3404ee3ba5ec7b053f1bdbf.jpg?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="25837473" href="/shots/25837473-Finergy-app-UI-Kit-on-UI8"> <span class="accessibility-text">View Finergy app UI Kit on UI8</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Finergy app UI Kit on UI8 </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-25837473 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(25837473, { likes_count: 142, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="1998175" href="/emoteagency"> <img class="photo lazyload" alt="Emote" width="24" height="24" data-src="https://cdn.dribbble.com/users/11502486/avatars/small/a8456497e26e27118763af6fc5b5fbcc.png?1650726363" src="" /> <span class="display-name">Emote</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-team">Team</span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-25837473 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(25837473, { likes_count: 142, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 142 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 23.3k </span> </div> </div> </div> </li> <li id="screenshot-25111255" data-thumbnail-id="25111255" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/17329098/file/original-75ad8436210c1ecfcc76d5459b278db0.jpg?resize=400x0" alt="Halloween Sale – Now Just $24! 🎃 branding bundle discount download graphic design halloween ipad iphone macbook mock up mockup photoshop psd sale sales"> </noscript> <img alt="Halloween Sale – Now Just $24! 🎃 branding bundle discount download graphic design halloween ipad iphone macbook mock up mockup photoshop psd sale sales" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/17329098/file/original-75ad8436210c1ecfcc76d5459b278db0.jpg?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/17329098/file/original-75ad8436210c1ecfcc76d5459b278db0.jpg?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/17329098/file/original-75ad8436210c1ecfcc76d5459b278db0.jpg?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/17329098/file/original-75ad8436210c1ecfcc76d5459b278db0.jpg?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/17329098/file/original-75ad8436210c1ecfcc76d5459b278db0.jpg?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/17329098/file/original-75ad8436210c1ecfcc76d5459b278db0.jpg?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/17329098/file/original-75ad8436210c1ecfcc76d5459b278db0.jpg?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/17329098/file/original-75ad8436210c1ecfcc76d5459b278db0.jpg?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/17329098/file/original-75ad8436210c1ecfcc76d5459b278db0.jpg?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/17329098/file/original-75ad8436210c1ecfcc76d5459b278db0.jpg?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="25111255" href="/shots/25111255-Halloween-Sale-Now-Just-24"> <span class="accessibility-text">View Halloween Sale – Now Just $24! 🎃</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Halloween Sale – Now Just $24! 🎃 </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-25111255 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(25111255, { likes_count: 82, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="18040513" href="/hoshistudio"> <img class="photo lazyload" alt="Hoshi Studio" width="24" height="24" data-src="https://cdn.dribbble.com/users/18040513/avatars/small/data?1698994213" src="" /> <span class="display-name">Hoshi Studio</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-pro "> Pro </span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-25111255 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(25111255, { likes_count: 82, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 82 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 22.7k </span> </div> </div> </div> </li> <li id="screenshot-24985609" data-thumbnail-id="24985609" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/16953690/file/original-787b387097ce6fc7260faeabb9cd09cf.png?resize=400x0" alt="Property Management Dashboard UI Kit branding charts clean community dashboard data design download figma free download freebies illustration logo typography ui ui elements ux website whitespace widget"> </noscript> <img alt="Property Management Dashboard UI Kit branding charts clean community dashboard data design download figma free download freebies illustration logo typography ui ui elements ux website whitespace widget" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/16953690/file/original-787b387097ce6fc7260faeabb9cd09cf.png?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/16953690/file/original-787b387097ce6fc7260faeabb9cd09cf.png?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/16953690/file/original-787b387097ce6fc7260faeabb9cd09cf.png?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/16953690/file/original-787b387097ce6fc7260faeabb9cd09cf.png?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/16953690/file/original-787b387097ce6fc7260faeabb9cd09cf.png?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/16953690/file/original-787b387097ce6fc7260faeabb9cd09cf.png?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/16953690/file/original-787b387097ce6fc7260faeabb9cd09cf.png?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/16953690/file/original-787b387097ce6fc7260faeabb9cd09cf.png?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/16953690/file/original-787b387097ce6fc7260faeabb9cd09cf.png?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/16953690/file/original-787b387097ce6fc7260faeabb9cd09cf.png?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="24985609" href="/shots/24985609-Property-Management-Dashboard-UI-Kit"> <span class="accessibility-text">View Property Management Dashboard UI Kit</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Property Management Dashboard UI Kit </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-24985609 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24985609, { likes_count: 209, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="1047455" href="/paperpillar"> <img class="photo lazyload" alt="Paperpillar" width="24" height="24" data-src="https://cdn.dribbble.com/users/1047455/avatars/small/316d7dcb011d5b29b8960194c3982a54.png?1721788289" src="" /> <span class="display-name">Paperpillar</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-team">Team</span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-24985609 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24985609, { likes_count: 209, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 209 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 70.3k </span> </div> </div> </div> </li> <li id="screenshot-25200595" data-thumbnail-id="25200595" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/17603596/file/original-ce15bbda3598f537ed607417407a2e86.png?resize=400x0" alt="3D Abstract Chrome Effect 3d 3d abstract 3d blender blender chrome effect design assets download elements geometric shape graphic design icon icon pack icon set icons metallic png transparent ui"> </noscript> <img alt="3D Abstract Chrome Effect 3d 3d abstract 3d blender blender chrome effect design assets download elements geometric shape graphic design icon icon pack icon set icons metallic png transparent ui" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/17603596/file/original-ce15bbda3598f537ed607417407a2e86.png?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/17603596/file/original-ce15bbda3598f537ed607417407a2e86.png?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/17603596/file/original-ce15bbda3598f537ed607417407a2e86.png?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/17603596/file/original-ce15bbda3598f537ed607417407a2e86.png?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/17603596/file/original-ce15bbda3598f537ed607417407a2e86.png?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/17603596/file/original-ce15bbda3598f537ed607417407a2e86.png?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/17603596/file/original-ce15bbda3598f537ed607417407a2e86.png?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/17603596/file/original-ce15bbda3598f537ed607417407a2e86.png?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/17603596/file/original-ce15bbda3598f537ed607417407a2e86.png?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/17603596/file/original-ce15bbda3598f537ed607417407a2e86.png?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="25200595" href="/shots/25200595-3D-Abstract-Chrome-Effect"> <span class="accessibility-text">View 3D Abstract Chrome Effect</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> 3D Abstract Chrome Effect </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-25200595 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(25200595, { likes_count: 139, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="2527679" href="/zulfamahendra"> <img class="photo lazyload" alt="Zulfa Mahendra" width="24" height="24" data-src="https://cdn.dribbble.com/users/2527679/avatars/small/db89bc7dbdf216d83d32acc265b9a49f.png?1559351910" src="" /> <span class="display-name">Zulfa Mahendra</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-pro "> Pro </span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-25200595 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(25200595, { likes_count: 139, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 139 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 35.2k </span> </div> </div> </div> </li> <li id="screenshot-25751780" data-thumbnail-id="25751780" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure style="background-color: #101313" class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/41533752/file/original-b7eb28fae75a1ec2cf4ab0b92464f14a.jpg?resize=400x0" alt="3D Ribbon Poster 3d 3d blender abstract blue design download glass graphic design poster ribbon tridimensi"> </noscript> <img alt="3D Ribbon Poster 3d 3d blender abstract blue design download glass graphic design poster ribbon tridimensi" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/41533752/file/original-b7eb28fae75a1ec2cf4ab0b92464f14a.jpg?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/41533752/file/original-b7eb28fae75a1ec2cf4ab0b92464f14a.jpg?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/41533752/file/original-b7eb28fae75a1ec2cf4ab0b92464f14a.jpg?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/41533752/file/original-b7eb28fae75a1ec2cf4ab0b92464f14a.jpg?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/41533752/file/original-b7eb28fae75a1ec2cf4ab0b92464f14a.jpg?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/41533752/file/original-b7eb28fae75a1ec2cf4ab0b92464f14a.jpg?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/41533752/file/original-b7eb28fae75a1ec2cf4ab0b92464f14a.jpg?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/41533752/file/original-b7eb28fae75a1ec2cf4ab0b92464f14a.jpg?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/41533752/file/original-b7eb28fae75a1ec2cf4ab0b92464f14a.jpg?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/41533752/file/original-b7eb28fae75a1ec2cf4ab0b92464f14a.jpg?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="25751780" href="/shots/25751780-3D-Ribbon-Poster"> <span class="accessibility-text">View 3D Ribbon Poster</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> 3D Ribbon Poster </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-25751780 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(25751780, { likes_count: 73, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="14527234" href="/Tridimensi"> <img class="photo lazyload" alt="Tridimensi" width="24" height="24" data-src="https://cdn.dribbble.com/users/14527234/avatars/small/52747004a2a60a449e6a4a390090d2c4.png?1737533592" src="" /> <span class="display-name">Tridimensi</span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-25751780 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(25751780, { likes_count: 73, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 73 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 6.3k </span> </div> </div> </div> </li> <li id="screenshot-25005306" data-thumbnail-id="25005306" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/17010576/file/original-f688a578f71adce1e10ebbdb6eb0669a.jpg?resize=400x0" alt="Asana - iPad Mockup apple branding download graphic design ios ipad ipad mockup mock up mockup photoshop psd"> </noscript> <img alt="Asana - iPad Mockup apple branding download graphic design ios ipad ipad mockup mock up mockup photoshop psd" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/17010576/file/original-f688a578f71adce1e10ebbdb6eb0669a.jpg?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/17010576/file/original-f688a578f71adce1e10ebbdb6eb0669a.jpg?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/17010576/file/original-f688a578f71adce1e10ebbdb6eb0669a.jpg?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/17010576/file/original-f688a578f71adce1e10ebbdb6eb0669a.jpg?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/17010576/file/original-f688a578f71adce1e10ebbdb6eb0669a.jpg?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/17010576/file/original-f688a578f71adce1e10ebbdb6eb0669a.jpg?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/17010576/file/original-f688a578f71adce1e10ebbdb6eb0669a.jpg?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/17010576/file/original-f688a578f71adce1e10ebbdb6eb0669a.jpg?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/17010576/file/original-f688a578f71adce1e10ebbdb6eb0669a.jpg?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/17010576/file/original-f688a578f71adce1e10ebbdb6eb0669a.jpg?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> <div class="is-rebound shot-thumbnail-extras-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8ZM8.16504 6.24902V5.06161C8.16585 4.89576 8.09142 4.73031 7.94336 4.60411C7.64766 4.35128 7.16872 4.35128 6.87302 4.60411L3.31087 7.6505L6.87302 10.6969C7.02107 10.8231 7.21443 10.8866 7.40819 10.8866C7.60195 10.8866 7.79531 10.8235 7.94336 10.6969C8.09142 10.5707 8.16585 10.4048 8.16504 10.2394V8.98145C10.8239 9.1121 12.2102 10.7855 12.2102 10.7855C12.2102 8.0174 10.5161 6.43227 8.16504 6.24902Z" fill="white"></path> </svg> </div> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="25005306" href="/shots/25005306-Asana-iPad-Mockup"> <span class="accessibility-text">View Asana - iPad Mockup</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Asana - iPad Mockup </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-25005306 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(25005306, { likes_count: 110, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="18040513" href="/hoshistudio"> <img class="photo lazyload" alt="Hoshi Studio" width="24" height="24" data-src="https://cdn.dribbble.com/users/18040513/avatars/small/data?1698994213" src="" /> <span class="display-name">Hoshi Studio</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-pro "> Pro </span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-25005306 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(25005306, { likes_count: 110, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 110 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 40k </span> </div> </div> </div> </li> <li id="screenshot-24819887" data-thumbnail-id="24819887" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/16465166/file/original-b789db93afe8bfcbcd94e486e82ea70f.png?resize=400x0" alt="Nook Storage, Vol. 2 animal crossing download hard drives icons macos nintendo nook tom nook"> </noscript> <img alt="Nook Storage, Vol. 2 animal crossing download hard drives icons macos nintendo nook tom nook" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/16465166/file/original-b789db93afe8bfcbcd94e486e82ea70f.png?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/16465166/file/original-b789db93afe8bfcbcd94e486e82ea70f.png?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/16465166/file/original-b789db93afe8bfcbcd94e486e82ea70f.png?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/16465166/file/original-b789db93afe8bfcbcd94e486e82ea70f.png?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/16465166/file/original-b789db93afe8bfcbcd94e486e82ea70f.png?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/16465166/file/original-b789db93afe8bfcbcd94e486e82ea70f.png?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/16465166/file/original-b789db93afe8bfcbcd94e486e82ea70f.png?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/16465166/file/original-b789db93afe8bfcbcd94e486e82ea70f.png?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/16465166/file/original-b789db93afe8bfcbcd94e486e82ea70f.png?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/16465166/file/original-b789db93afe8bfcbcd94e486e82ea70f.png?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="24819887" href="/shots/24819887-Nook-Storage-Vol-2"> <span class="accessibility-text">View Nook Storage, Vol. 2</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> Nook Storage, Vol. 2 </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-24819887 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24819887, { likes_count: 74, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="763" href="/mantia"> <img class="photo lazyload" alt="Louie Mantia, Jr." width="24" height="24" data-src="https://cdn.dribbble.com/users/763/avatars/small/9aa8e2e70fade37f82b48438e93127b7.png?1725700618" src="" /> <span class="display-name">Louie Mantia, Jr.</span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-24819887 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(24819887, { likes_count: 74, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 74 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 14k </span> </div> </div> </div> </li> <li id="screenshot-23444182" data-thumbnail-id="23444182" class="shot-thumbnail js-thumbnail shot-thumbnail-container " data-ad-data="" data-boost-id="" data-is-boost-fallback="" data-request-source="" data-track-location="Shot" data-search-uuid="35896b46-bd6a-4b70-b7f4-8e0574a1b09c" > <div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble " > <figure class="js-thumbnail-placeholder shot-thumbnail-placeholder" > <noscript> <img src="https://cdn.dribbble.com/userupload/12480256/file/original-bce9cfb8dd23130fc787f78b58326bf9.png?resize=400x0" alt="PEARL . Free Framer Portfolio Template agency designer download framer free illustration interaction landing light mobile motion portfolio product design remix template typography web webdesign website"> </noscript> <img alt="PEARL . Free Framer Portfolio Template agency designer download framer free illustration interaction landing light mobile motion portfolio product design remix template typography web webdesign website" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/12480256/file/original-bce9cfb8dd23130fc787f78b58326bf9.png?format=webp&resize=320x240&vertical=center 320w, https://cdn.dribbble.com/userupload/12480256/file/original-bce9cfb8dd23130fc787f78b58326bf9.png?format=webp&resize=400x300&vertical=center 400w, https://cdn.dribbble.com/userupload/12480256/file/original-bce9cfb8dd23130fc787f78b58326bf9.png?format=webp&resize=450x338&vertical=center 450w, https://cdn.dribbble.com/userupload/12480256/file/original-bce9cfb8dd23130fc787f78b58326bf9.png?format=webp&resize=640x480&vertical=center 640w, https://cdn.dribbble.com/userupload/12480256/file/original-bce9cfb8dd23130fc787f78b58326bf9.png?format=webp&resize=700x525&vertical=center 700w, https://cdn.dribbble.com/userupload/12480256/file/original-bce9cfb8dd23130fc787f78b58326bf9.png?format=webp&resize=800x600&vertical=center 800w, https://cdn.dribbble.com/userupload/12480256/file/original-bce9cfb8dd23130fc787f78b58326bf9.png?format=webp&resize=840x630&vertical=center 840w, https://cdn.dribbble.com/userupload/12480256/file/original-bce9cfb8dd23130fc787f78b58326bf9.png?format=webp&resize=1000x750&vertical=center 1000w, https://cdn.dribbble.com/userupload/12480256/file/original-bce9cfb8dd23130fc787f78b58326bf9.png?format=webp&resize=1200x900&vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/12480256/file/original-bce9cfb8dd23130fc787f78b58326bf9.png?format=webp&resize=400x300&vertical=center" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> </figure> <div class="shot-thumbnail-extras"> </div> <a class="shot-thumbnail-link dribbble-link js-shot-link" data-turbo="true" data-shot-thumbnail-link="23444182" href="/shots/23444182-PEARL-Free-Framer-Portfolio-Template"> <span class="accessibility-text">View PEARL . Free Framer Portfolio Template</span> </a> <div class="shot-thumbnail-overlay"> <div class="shot-thumbnail-overlay-content"> <div class="shot-title"> PEARL . Free Framer Portfolio Template </div> <ul class="js-dribbble-shot-actions shot-actions-container"> <li data-bucket-container="true" class="shot-action"> <a class="bucket-shot btn2 btn2--circle btn2--secondary-alt" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M3.33337 5.2C3.33337 4.0799 3.33337 3.51984 3.55136 3.09202C3.74311 2.71569 4.04907 2.40973 4.42539 2.21799C4.85322 2 5.41327 2 6.53337 2H9.46671C10.5868 2 11.1469 2 11.5747 2.21799C11.951 2.40973 12.257 2.71569 12.4487 3.09202C12.6667 3.51984 12.6667 4.0799 12.6667 5.2V14L8.00004 11.3333L3.33337 14V5.2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </li> <div class="like-action-23444182 shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(23444182, { likes_count: 191, liked: false }); } </script> <a class="btn2 btn2--secondary-alt btn2--circle btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon "> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> </ul> </div> </div> </div> <div class="shot-details-container js-shot-details-container"> <div class="user-information" data-uuid-passthrough> <a class="hoverable url" rel="contact" data-search-profile-clicked="369527" href="/dawidpietrasiak"> <img class="photo lazyload" alt="Dawid Pietrasiak" width="24" height="24" data-src="https://cdn.dribbble.com/users/369527/avatars/small/88f7144e0ee5b57e5b2531574c22128c.jpeg?1693816471" src="" /> <span class="display-name">Dawid Pietrasiak</span> </a> <a class="badge-link" href="/pro"> <span class="badge badge-pro "> Pro </span> </a> </div> <div class="shot-statistics-container js-shot-statistics"> <div class="shot-statistic js-shot-likes-container"> <div class="like-action-23444182 compact-true shot-action"> <script> if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.update(23444182, { likes_count: 191, liked: false }); } </script> <a class=" btn2--secondary-alt tipsy-mobile-disabled like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="accessibility-text">Like</span> </a> </div> <span class="js-shot-likes-count color-deep-blue-sea-light-20 font-weight-500"> 191 </span> </div> <div class="shot-statistic js-shot-views-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current shot-tools-icon"> <path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path> <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path> </svg> <span class="js-shot-views-count color-deep-blue-sea-light-20 font-weight-500"> 89.5k </span> </div> </div> </div> </li> <script> var newestShots = [{"id":23717903,"title":"Coming Soon - DKNG Editable Textures","path":"/shots/23717903-Coming-Soon-DKNG-Editable-Textures","published_at":"February 26, 2024","is_rebound":null,"rebounds_count":1,"attachments_count":0,"view_count":"60.8k","likes_count":"293","liked":null,"ga":[]},{"id":24406279,"title":"Let's Fly - Landing Page","path":"/shots/24406279-Let-s-Fly-Landing-Page","published_at":"June 25, 2024","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"147k","likes_count":"499","liked":null,"ga":[]},{"id":24371218,"title":"🍱 Bento Cards: Multipurpose – Coded Versions","path":"/shots/24371218--Bento-Cards-Multipurpose-Coded-Versions","published_at":"June 18, 2024","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"199k","likes_count":"405","liked":null,"ga":[["UI8","UA-93563814-1"],["tranmautritam","UA-89709150-1"]]},{"id":22953275,"title":"Geometrica NO ll icons pack","path":"/shots/22953275-Geometrica-NO-ll-icons-pack","published_at":"November 01, 2023","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"67.6k","likes_count":"268","liked":null,"ga":[]},{"id":23229296,"title":"Geometrica Laptop: free Figma vector mockup, macbook pro","path":"/shots/23229296-Geometrica-Laptop-free-Figma-vector-mockup-macbook-pro","published_at":"December 12, 2023","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"84.6k","likes_count":"229","liked":null,"ga":[]},{"id":25074868,"title":"Cardboard Mockup","path":"/shots/25074868-Cardboard-Mockup","published_at":"October 22, 2024","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"62.4k","likes_count":"131","liked":null,"ga":[]},{"id":24048969,"title":"Kaolin Cosmetics Mockups","path":"/shots/24048969-Kaolin-Cosmetics-Mockups","published_at":"April 23, 2024","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"80k","likes_count":"279","liked":null,"ga":[]},{"id":22991830,"title":"Wireframe Kit","path":"/shots/22991830-Wireframe-Kit","published_at":"November 06, 2023","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"129k","likes_count":"274","liked":null,"ga":[]},{"id":23974482,"title":"Kaine, Branding Mockups","path":"/shots/23974482-Kaine-Branding-Mockups","published_at":"April 09, 2024","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"56.1k","likes_count":"231","liked":null,"ga":[]},{"id":21291769,"title":"Downloader - Page Content","path":"/shots/21291769-Downloader-Page-Content","published_at":"April 26, 2023","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"171k","likes_count":"344","liked":null,"ga":[]},{"id":25260804,"title":"Snake 25","path":"/shots/25260804-Snake-25","published_at":"November 29, 2024","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"28.2k","likes_count":"118","liked":null,"ga":[["ruslanbabkin","G-7HNJH5Q02X"]]},{"id":24670637,"title":"Free UI Kit E-Commerce Landing Page","path":"/shots/24670637-Free-UI-Kit-E-Commerce-Landing-Page","published_at":"August 12, 2024","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"160k","likes_count":"307","liked":null,"ga":[["paperpillar","UA-104401906-1"],["paperpillar","UA-104401906-1"]]},{"id":24390656,"title":"Illustration for the Growth gurus project (part 3)","path":"/shots/24390656-Illustration-for-the-Growth-gurus-project-part-3","published_at":"June 21, 2024","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"84.6k","likes_count":"265","liked":null,"ga":[]},{"id":24948322,"title":"Wonderkids - Education Landing Page UI Kit","path":"/shots/24948322-Wonderkids-Education-Landing-Page-UI-Kit","published_at":"October 02, 2024","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"129k","likes_count":"339","liked":null,"ga":[["paperpillar","UA-104401906-1"],["paperpillar","UA-104401906-1"]]},{"id":25249791,"title":"Snakes 2025","path":"/shots/25249791-Snakes-2025","published_at":"November 27, 2024","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"19k","likes_count":"91","liked":null,"ga":[["ruslanbabkin","G-7HNJH5Q02X"]]},{"id":25837473,"title":"Finergy app UI Kit on UI8","path":"/shots/25837473-Finergy-app-UI-Kit-on-UI8","published_at":"March 29, 2025","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"23.3k","likes_count":"142","liked":null,"ga":[["ui_migulko","UA-246355115-1"]]},{"id":25111255,"title":"Halloween Sale – Now Just $24! 🎃","path":"/shots/25111255-Halloween-Sale-Now-Just-24","published_at":"October 29, 2024","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"22.7k","likes_count":"82","liked":null,"ga":[]},{"id":24985609,"title":"Property Management Dashboard UI Kit","path":"/shots/24985609-Property-Management-Dashboard-UI-Kit","published_at":"October 07, 2024","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"70.3k","likes_count":"209","liked":null,"ga":[["paperpillar","UA-104401906-1"],["paperpillar","UA-104401906-1"]]},{"id":25200595,"title":"3D Abstract Chrome Effect","path":"/shots/25200595-3D-Abstract-Chrome-Effect","published_at":"November 17, 2024","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"35.2k","likes_count":"139","liked":null,"ga":[["zulfamahendra","G-GZ6GW2V638"]]},{"id":25751780,"title":"3D Ribbon Poster","path":"/shots/25751780-3D-Ribbon-Poster","published_at":"March 11, 2025","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"6.3k","likes_count":"73","liked":null,"ga":[]},{"id":25005306,"title":"Asana - iPad Mockup","path":"/shots/25005306-Asana-iPad-Mockup","published_at":"October 10, 2024","is_rebound":true,"rebounds_count":0,"attachments_count":0,"view_count":"40k","likes_count":"110","liked":null,"ga":[]},{"id":24819887,"title":"Nook Storage, Vol. 2","path":"/shots/24819887-Nook-Storage-Vol-2","published_at":"September 07, 2024","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"14k","likes_count":"74","liked":null,"ga":[]},{"id":23444182,"title":"PEARL . Free Framer Portfolio Template","path":"/shots/23444182-PEARL-Free-Framer-Portfolio-Template","published_at":"January 16, 2024","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"89.5k","likes_count":"191","liked":null,"ga":[["dawidpietrasiak","UA-249684251-2"]]}] if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") { Dribbble.Shots.add(newestShots); Dribbble.TeaserStats.init(newestShots); Dribbble.Thumbnails.cursor = '1682494205.1779609'; } else { if (typeof newShots === "undefined") { var newShots = []; } newShots = newShots.concat(newestShots); } </script> <script>if (!document.querySelector(".js-thumbnail-grid")){ window.location.reload(); }</script> </ol> <div id="boosted-shots-app"></div> <div class="infinite shot-grid-width container-fluid infinite-login-actions"> <a class="form-sub sign-up-to-continue" data-signup-trigger="true" data-href="/signup/new" data-context="homepage-load-more" href="/signup/new">Sign up to continue</a> </div> <div class="loading-more"> <span class="processing">Loading more…</span> </div> <div class="back-to-top" style="display: none"> <a href="#"> <img width="50" height="50" class="lazyloading-hidden lazyload" data-src="https://cdn.dribbble.com/assets/icon-backtotop-v2-9f3ef55e9788120b9b7764af9e386b31599c413703860e124c692db30efad7f2.png" alt="Back to top" /> </a> </div> </div>  <div class="js-tag-query display-none" data-query-term="download"></div> </div> </div> </div> <hr /> <div id="footer" class="site-footer js-site-footer" data-site-footer role="contentinfo" > <div class="site-footer-marquee" data-site-footer-marquee style="--item-count: 8;" > <div class="site-footer-marquee__track"> <div class="site-footer-marquee__grid"> <a href="/shots/popular/web-design" class="site-footer-marquee-item " style="--stack-color-1: #EDF3D8; --stack-color-2: #EDDDFB;"> <div class="site-footer-marquee-item__stack"></div> <div class="site-footer-marquee-item__media"> <img alt="Web Design" width="200" height="150" class="lazyload" data-sizes="auto" data-aspectratio="1.3333333333333333" data-src="https://cdn.dribbble.com/userupload/17828256/file/original-7bc57b57a1bc1bf08e4ff18d9db23c56.png?crop=0x0-2400x1800&format=webp&resize={width}x{height}&vertical=center" /> </div> <div class="site-footer-marquee-item__title">Web Design</div> </a> <a href="/shots/popular/branding" class="site-footer-marquee-item " style="--stack-color-1: #E6FDC9; --stack-color-2: #EDF3D8;"> <div class="site-footer-marquee-item__stack"></div> <div class="site-footer-marquee-item__media"> <img alt="Branding" width="200" height="150" class="lazyload" data-sizes="auto" data-aspectratio="1.3333333333333333" data-src="https://cdn.dribbble.com/userupload/15260166/file/original-318cc256f6c42eb70cb27f4346fca69b.jpg?format=webp&resize={width}x{height}&vertical=center" /> </div> <div class="site-footer-marquee-item__title">Branding</div> </a> <a href="/shots/popular/typography" class="site-footer-marquee-item " style="--stack-color-1: #DDFDE8; --stack-color-2: #EDF3D8;"> <div class="site-footer-marquee-item__stack"></div> <div class="site-footer-marquee-item__media"> <img alt="Typography" width="200" height="150" class="lazyload" data-sizes="auto" data-aspectratio="1.3333333333333333" data-src="https://cdn.dribbble.com/userupload/42646209/file/original-9f07e9b0227091afd13d7748feb3b734.jpg?format=webp&resize={width}x{height}&vertical=center" /> </div> <div class="site-footer-marquee-item__title">Typography</div> </a> <a href="/shots/popular/print" class="site-footer-marquee-item " style="--stack-color-1: #E6FBFE; --stack-color-2: #DDFDE8;"> <div class="site-footer-marquee-item__stack"></div> <div class="site-footer-marquee-item__media"> <img alt="Print" width="200" height="150" class="lazyload" data-sizes="auto" data-aspectratio="1.3333333333333333" data-src="https://cdn.dribbble.com/userupload/15609268/file/original-e89c8d27fbc2af233e69c62ef6d2c990.jpg?format=webp&resize={width}x{height}&vertical=center" /> </div> <div class="site-footer-marquee-item__title">Print</div> </a> <a href="/shots/popular/product-design" class="site-footer-marquee-item " style="--stack-color-1: #EDDDFB; --stack-color-2: #DDFDE8;"> <div class="site-footer-marquee-item__stack"></div> <div class="site-footer-marquee-item__media"> <img alt="Product Design" width="200" height="150" class="lazyload" data-sizes="auto" data-aspectratio="1.3333333333333333" data-src="https://cdn.dribbble.com/userupload/16328392/file/original-89f6591f2e6436c0c05aa6addc02ff89.png?format=webp&resize={width}x{height}&vertical=center" /> </div> <div class="site-footer-marquee-item__title">Product Design</div> </a> <a href="/shots/popular/animation" class="site-footer-marquee-item " style="--stack-color-1: #F6D9FB; --stack-color-2: #E3EBFD;"> <div class="site-footer-marquee-item__stack"></div> <div class="site-footer-marquee-item__media"> <img alt="Animation" width="200" height="150" class="lazyload" data-sizes="auto" data-aspectratio="1.3333333333333333" data-src="https://cdn.dribbble.com/userupload/16184037/file/still-4ce79e533c71a078a85cf2d4ef5e9a5a.png?format=webp&resize={width}x{height}&vertical=center" /> </div> <div class="site-footer-marquee-item__title">Animation</div> </a> <a href="/shots/popular/mobile" class="site-footer-marquee-item " style="--stack-color-1: #E3EBFD; --stack-color-2: #EDF3D8;"> <div class="site-footer-marquee-item__stack"></div> <div class="site-footer-marquee-item__media"> <img alt="Mobile" width="200" height="150" class="lazyload" data-sizes="auto" data-aspectratio="1.3333333333333333" data-src="https://cdn.dribbble.com/userupload/13724934/file/still-a4504f5e9bcc90ecf2fa621ed94b9571.png?format=webp&resize={width}x{height}&vertical=center" /> </div> <div class="site-footer-marquee-item__title">Mobile</div> </a> <a href="/shots/popular/illustration" class="site-footer-marquee-item " style="--stack-color-1: #E6FBFE; --stack-color-2: #EDF3D8;"> <div class="site-footer-marquee-item__stack"></div> <div class="site-footer-marquee-item__media"> <img alt="Illustration" width="200" height="150" class="lazyload" data-sizes="auto" data-aspectratio="1.3333333333333333" data-src="https://cdn.dribbble.com/userupload/18478004/file/original-747d181ffb3bce1f4b735e60f5376875.jpg?format=webp&resize={width}x{height}&vertical=center" /> </div> <div class="site-footer-marquee-item__title">Illustration</div> </a> <a href="/shots/popular/web-design" class="site-footer-marquee-item site-footer-marquee-item--duplicate" style="--stack-color-1: #EDF3D8; --stack-color-2: #EDDDFB;"> <div class="site-footer-marquee-item__stack"></div> <div class="site-footer-marquee-item__media"> <img alt="Web Design" width="200" height="150" class="lazyload" data-sizes="auto" data-aspectratio="1.3333333333333333" data-src="https://cdn.dribbble.com/userupload/17828256/file/original-7bc57b57a1bc1bf08e4ff18d9db23c56.png?crop=0x0-2400x1800&format=webp&resize={width}x{height}&vertical=center" /> </div> <div class="site-footer-marquee-item__title">Web Design</div> </a> <a href="/shots/popular/branding" class="site-footer-marquee-item site-footer-marquee-item--duplicate" style="--stack-color-1: #E6FDC9; --stack-color-2: #EDF3D8;"> <div class="site-footer-marquee-item__stack"></div> <div class="site-footer-marquee-item__media"> <img alt="Branding" width="200" height="150" class="lazyload" data-sizes="auto" data-aspectratio="1.3333333333333333" data-src="https://cdn.dribbble.com/userupload/15260166/file/original-318cc256f6c42eb70cb27f4346fca69b.jpg?format=webp&resize={width}x{height}&vertical=center" /> </div> <div class="site-footer-marquee-item__title">Branding</div> </a> <a href="/shots/popular/typography" class="site-footer-marquee-item site-footer-marquee-item--duplicate" style="--stack-color-1: #DDFDE8; --stack-color-2: #EDF3D8;"> <div class="site-footer-marquee-item__stack"></div> <div class="site-footer-marquee-item__media"> <img alt="Typography" width="200" height="150" class="lazyload" data-sizes="auto" data-aspectratio="1.3333333333333333" data-src="https://cdn.dribbble.com/userupload/42646209/file/original-9f07e9b0227091afd13d7748feb3b734.jpg?format=webp&resize={width}x{height}&vertical=center" /> </div> <div class="site-footer-marquee-item__title">Typography</div> </a> <a href="/shots/popular/print" class="site-footer-marquee-item site-footer-marquee-item--duplicate" style="--stack-color-1: #E6FBFE; --stack-color-2: #DDFDE8;"> <div class="site-footer-marquee-item__stack"></div> <div class="site-footer-marquee-item__media"> <img alt="Print" width="200" height="150" class="lazyload" data-sizes="auto" data-aspectratio="1.3333333333333333" data-src="https://cdn.dribbble.com/userupload/15609268/file/original-e89c8d27fbc2af233e69c62ef6d2c990.jpg?format=webp&resize={width}x{height}&vertical=center" /> </div> <div class="site-footer-marquee-item__title">Print</div> </a> <a href="/shots/popular/product-design" class="site-footer-marquee-item site-footer-marquee-item--duplicate" style="--stack-color-1: #EDDDFB; --stack-color-2: #DDFDE8;"> <div class="site-footer-marquee-item__stack"></div> <div class="site-footer-marquee-item__media"> <img alt="Product Design" width="200" height="150" class="lazyload" data-sizes="auto" data-aspectratio="1.3333333333333333" data-src="https://cdn.dribbble.com/userupload/16328392/file/original-89f6591f2e6436c0c05aa6addc02ff89.png?format=webp&resize={width}x{height}&vertical=center" /> </div> <div class="site-footer-marquee-item__title">Product Design</div> </a> <a href="/shots/popular/animation" class="site-footer-marquee-item site-footer-marquee-item--duplicate" style="--stack-color-1: #F6D9FB; --stack-color-2: #E3EBFD;"> <div class="site-footer-marquee-item__stack"></div> <div class="site-footer-marquee-item__media"> <img alt="Animation" width="200" height="150" class="lazyload" data-sizes="auto" data-aspectratio="1.3333333333333333" data-src="https://cdn.dribbble.com/userupload/16184037/file/still-4ce79e533c71a078a85cf2d4ef5e9a5a.png?format=webp&resize={width}x{height}&vertical=center" /> </div> <div class="site-footer-marquee-item__title">Animation</div> </a> <a href="/shots/popular/mobile" class="site-footer-marquee-item site-footer-marquee-item--duplicate" style="--stack-color-1: #E3EBFD; --stack-color-2: #EDF3D8;"> <div class="site-footer-marquee-item__stack"></div> <div class="site-footer-marquee-item__media"> <img alt="Mobile" width="200" height="150" class="lazyload" data-sizes="auto" data-aspectratio="1.3333333333333333" data-src="https://cdn.dribbble.com/userupload/13724934/file/still-a4504f5e9bcc90ecf2fa621ed94b9571.png?format=webp&resize={width}x{height}&vertical=center" /> </div> <div class="site-footer-marquee-item__title">Mobile</div> </a> <a href="/shots/popular/illustration" class="site-footer-marquee-item site-footer-marquee-item--duplicate" style="--stack-color-1: #E6FBFE; --stack-color-2: #EDF3D8;"> <div class="site-footer-marquee-item__stack"></div> <div class="site-footer-marquee-item__media"> <img alt="Illustration" width="200" height="150" class="lazyload" data-sizes="auto" data-aspectratio="1.3333333333333333" data-src="https://cdn.dribbble.com/userupload/18478004/file/original-747d181ffb3bce1f4b735e60f5376875.jpg?format=webp&resize={width}x{height}&vertical=center" /> </div> <div class="site-footer-marquee-item__title">Illustration</div> </a> </div> </div> </div> <div class="site-footer__container"> <div class="site-footer__upper"> <a class="site-footer__logo" href="/"> <svg xmlns="http://www.w3.org/2000/svg" width="76" height="30" viewBox="0 0 210 59" fill="none"> <title>Dribbble: the community for graphic design</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M206.622 31.928C207.065 31.4116 207.85 31.4352 208.253 31.986H208.25L209.784 34.0834C210.075 34.4864 210.073 35.0425 209.769 35.4349C207.106 38.8893 202.44 42.2143 196.81 42.5359C192.366 42.7887 188.701 41.1051 186.706 37.9221C186.311 37.2925 185.44 37.2557 184.997 37.8511C182.63 41.0286 179.766 43.5134 176.782 43.6845C171.467 43.9876 169.966 40.4228 171.28 32.563C171.412 31.7805 170.726 31.1192 169.987 31.3141C168.885 31.6065 167.715 31.7356 166.528 31.633C166.034 31.5907 165.571 31.8912 165.422 32.3811C163.455 38.8418 158.774 44.8518 152.715 45.1997C148.847 45.421 143.069 43.205 143.647 33.9462C143.695 33.1927 143.019 32.5999 142.323 32.8106C141.11 33.1795 139.804 33.3534 138.474 33.2401C137.981 33.1979 137.52 33.4983 137.371 33.9885C135.404 40.449 130.723 46.4592 124.664 46.8068C120.796 47.0282 115.018 44.8124 115.596 35.5536C115.644 34.7998 114.968 34.207 114.272 34.418C113.059 34.7869 111.753 34.9634 110.423 34.8473C109.93 34.8053 109.469 35.1057 109.32 35.5956C107.352 42.0564 102.672 48.0664 96.6132 48.4142C93.8613 48.5723 90.1398 47.4945 88.4308 43.5264C88.1016 42.7599 87.1144 42.6438 86.6257 43.3105C84.2334 46.5751 81.3193 49.152 78.2762 49.3259C75.1571 49.505 73.4509 48.2535 72.7091 46.0216C72.4458 45.2339 71.4609 45.0467 70.9293 45.6712C68.8002 48.1744 66.3749 50.0082 63.9216 50.1479C60.1393 50.3666 57.9619 47.563 57.7823 44.1667C57.5747 40.204 59.2887 35.564 61.2025 30.4999C61.4684 29.7964 60.9873 29.0348 60.2608 29.0032C59.157 28.956 57.8963 28.8399 56.7113 28.6185C56.1771 28.5159 55.6583 28.8479 55.5063 29.3907C53.243 37.4716 49.7771 45.392 46.8529 50.074C46.5263 50.5984 45.8505 50.7381 45.3593 50.377L43.1264 48.7331C42.6682 48.393 42.5441 47.7397 42.8504 47.247C47.0759 40.478 50.8278 29.8807 52.1215 22.0421C52.2025 21.5415 52.61 21.17 53.0986 21.141L56.0683 20.9697C56.7493 20.9302 57.2861 21.5652 57.162 22.2634L57.1493 22.3372C57.0379 22.959 57.4532 23.5439 58.0532 23.6257C60.7164 23.992 64.6963 24.0366 67.3975 23.9313C68.157 23.9023 68.6938 24.6875 68.4178 25.4226C66.2507 31.1876 63.3469 39.1765 63.5139 42.3382C63.5899 43.7662 64.2204 44.5462 65.3291 44.4829C67.4508 44.3619 70.7141 40.0959 73.1876 35.3455C73.2331 35.261 73.2659 35.169 73.2862 35.0741C74.1196 31.3543 75.3565 27.2068 76.6061 23.0163L76.6837 22.7561C76.8128 22.3188 77.1901 22.0131 77.6306 21.9868L81.1876 21.7839C81.9219 21.7417 82.4712 22.4795 82.2485 23.2093C82.0654 23.8112 81.883 24.409 81.7023 25.0014C78.5723 35.2603 75.9438 43.8759 79.4838 43.6742C81.7978 43.5422 85.0764 39.6164 87.8966 34.0279C87.9421 33.9356 87.9751 33.8381 87.9954 33.7355C88.1372 33.0055 88.3092 32.2416 88.5195 31.4432C90.1639 24.8753 92.0286 18.3691 93.8955 11.855C94.4717 9.8446 95.0481 7.83341 95.6182 5.81945C95.7449 5.37417 96.1245 5.06062 96.57 5.03426L100.221 4.82611C100.963 4.78396 101.512 5.52962 101.279 6.26474C99.8208 10.8388 98.2967 15.7106 96.8487 20.4006C96.5448 21.3887 97.603 22.2107 98.4386 21.6416C99.8791 20.6562 101.545 20.0027 103.158 19.9105C107.267 19.676 110.064 23.0565 110.332 28.1496C110.347 28.4184 110.363 28.7082 110.37 29.0032C110.385 29.5673 110.808 30.023 111.348 30.0704C113.282 30.2417 115.259 29.6673 116.786 28.3051C116.943 28.1654 117.049 27.9757 117.102 27.7701C118.616 21.8916 120.287 16.0568 121.959 10.2147C122.532 8.21455 123.105 6.21353 123.672 4.20956C123.798 3.76427 124.178 3.45072 124.624 3.42438L128.274 3.21623C129.016 3.17408 129.566 3.91972 129.333 4.65484C127.874 9.22892 126.35 14.1007 124.902 18.7907C124.598 19.7788 125.657 20.6008 126.492 20.0317C127.933 19.0463 129.599 18.3929 131.211 18.3006C135.32 18.0662 138.117 21.4466 138.386 26.5399C138.401 26.8084 138.416 27.0985 138.424 27.3935C138.436 27.9573 138.862 28.4132 139.401 28.4607C141.335 28.6318 143.312 28.0573 144.839 26.6951C144.996 26.5557 145.102 26.3659 145.156 26.1604C146.67 20.2818 148.34 14.4471 150.013 8.6051C150.586 6.60484 151.158 4.60372 151.725 2.59968C151.852 2.15439 152.232 1.84085 152.677 1.8145L156.328 1.60635C157.07 1.56419 157.619 2.30985 157.386 3.04497C155.928 7.61902 154.404 12.4908 152.956 17.1808C152.652 18.1689 153.71 18.991 154.546 18.4219C155.986 17.4364 157.652 16.783 159.265 16.6908C163.374 16.4563 166.171 19.8367 166.44 24.9299C166.455 25.2013 166.47 25.4885 166.477 25.7835C166.493 26.3447 166.913 26.8032 167.452 26.8507C169.323 27.0166 171.237 26.4844 172.741 25.2171C172.908 25.0774 173.024 24.8798 173.08 24.6637C174.804 18.0187 177.336 9.31324 179.777 0.981894C179.906 0.541877 180.285 0.236236 180.726 0.209888L184.344 0.0017367C185.078 -0.0404207 185.627 0.692063 185.407 1.42191C182.047 12.5778 179.308 22.3372 177.797 28.0944C175.789 35.9039 175.711 38.1567 177.994 38.025C179.911 37.9143 182.493 35.1952 184.928 31.0847C185.025 30.924 185.075 30.7397 185.083 30.5526C185.402 22.324 190.447 14.8385 197.946 14.409C202.969 14.1218 205.721 17.916 205.918 21.6495C206.293 28.7767 199.248 33.3324 192.42 32.9107C191.625 32.8606 191.047 33.7145 191.397 34.4574C192.351 36.4967 194.359 37.6352 197.787 37.4374C201.048 37.2531 204.468 34.439 206.622 31.928ZM93.7548 33.9278C92.1345 40.4228 94.1017 42.9652 96.646 42.8203C100.823 42.5805 104.864 34.9263 104.553 29.019C104.416 26.4396 102.907 25.0958 101.145 25.1961C98.2106 25.3646 95.0512 28.745 93.7548 33.9278ZM121.808 32.3207C120.188 38.8154 122.155 41.3581 124.7 41.2131H124.697C128.874 40.9734 132.917 33.3192 132.606 27.4119C132.472 24.8324 130.96 23.4886 129.198 23.5887C126.264 23.7574 123.105 27.1379 121.808 32.3207ZM149.862 30.7133C148.242 37.2082 150.209 39.7509 152.753 39.606H152.751C156.925 39.3662 160.971 31.712 160.66 25.8047C160.525 23.2251 159.014 21.8814 157.252 21.9815C154.318 22.1501 151.158 25.5307 149.862 30.7133ZM200.584 22.2239C200.559 20.5218 199.513 19.2887 197.817 19.3862H197.815C194.483 19.5785 191.875 23.1856 191.045 27.562C190.913 28.2577 191.422 28.9058 192.103 28.8899C196.407 28.7821 200.721 25.9416 200.584 22.2239ZM44.3525 25.3837C43.9171 12.1962 35.3423 3.49339 22.6712 3.94658C17.2307 4.19426 11.0052 6.25733 6.32164 9.9461C5.88113 10.2939 5.76719 10.9315 6.06593 11.4163L8.05331 14.6519C8.39254 15.2052 9.11407 15.3185 9.60776 14.9075C13.1724 11.9459 18.0383 10.0041 22.7193 9.79855C31.403 9.43757 37.7828 14.9971 38.1551 25.7367C38.6209 38.2417 30.2157 52.5461 16.7091 53.3207C16.2382 53.3471 15.7471 53.3577 15.2559 53.3577C14.5673 53.3577 14.0585 52.6858 14.2306 51.9901C16.8357 41.4744 19.8763 30.1974 22.9776 19.7029C23.1928 18.973 22.6459 18.2458 21.9143 18.288L17.9648 18.5146C17.5218 18.5409 17.142 18.8492 17.0129 19.2918C14.0331 29.6045 11.0508 40.7895 8.36723 51.284C8.21279 51.89 7.59761 52.2379 7.02544 52.0427C5.62543 51.566 4.34693 51.0232 3.2583 50.3881C2.73677 50.0825 2.07601 50.2987 1.80765 50.8571L0.11142 54.4037C-0.139216 54.9281 0.0455967 55.5709 0.539275 55.8527C4.38489 58.0345 10.223 59.2806 16.0914 58.9462C35.4032 57.8393 44.864 40.0015 44.3525 25.3889V25.3837ZM82.3044 9.18082C79.955 9.31518 77.8713 11.9553 78.0183 14.7377C78.1143 16.5715 79.2917 17.7967 81.1195 17.694C83.4689 17.5596 85.6106 14.7798 85.4714 12.1318C85.3754 10.298 84.0005 9.08333 82.3044 9.18082Z" fill="currentColor"></path> </svg> <span class="accessibility-text">Back to home page</span> </a> <ul class="site-footer__links"> <li><a class="site-footer__link" href="/for-designers">For designers</a></li> <li><a class="site-footer__link" href="/hiring">Hire talent</a></li> <li><a class="site-footer__link" href="/shots/popular">Inspiration</a></li> <li><a class="site-footer__link" href="/advertise">Advertising</a></li> <li><a class="site-footer__link" href="/stories">Blog</a></li> <li><a class="site-footer__link" href="/about">About</a></li> <li><a class="site-footer__link" href="/careers">Careers</a></li> <li><a class="site-footer__link" href="/contact">Support</a></li> </ul> <div class="site-footer__social-links"> <a href="http://twitter.com/dribbble" class="site-footer__social-link"> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="a567zrbwa2lee28toycspgmwrklmdpid" role="img" viewBox="0 0 24 24" class="icon "><title id="a567zrbwa2lee28toycspgmwrklmdpid">Twitter icon</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"></path></svg> <span class="accessibility-text">Twitter</span> </a> <a href="http://facebook.com/dribbble" class="site-footer__social-link"> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="a8dvzvrbyyx0jklikgkl9w8l95ovnhcj" role="img" viewBox="0 0 24 24" class="icon "><title id="a8dvzvrbyyx0jklikgkl9w8l95ovnhcj">Facebook icon</title><path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0"></path></svg> <span class="accessibility-text">Facebook</span> </a> <a href="http://instagram.com/dribbble" class="site-footer__social-link"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" role="img" class="icon "><path d="M8 0C5.827 0 5.555.01 4.702.048 3.85.088 3.27.222 2.76.42c-.526.204-.973.478-1.417.923-.445.444-.72.89-.923 1.417-.198.51-.333 1.09-.372 1.942C.008 5.555 0 5.827 0 8s.01 2.445.048 3.298c.04.852.174 1.433.372 1.942.204.526.478.973.923 1.417.444.445.89.72 1.417.923.51.198 1.09.333 1.942.372.853.04 1.125.048 3.298.048s2.445-.01 3.298-.048c.852-.04 1.433-.174 1.942-.372.526-.204.973-.478 1.417-.923.445-.444.72-.89.923-1.417.198-.51.333-1.09.372-1.942.04-.853.048-1.125.048-3.298s-.01-2.445-.048-3.298c-.04-.852-.174-1.433-.372-1.942-.204-.526-.478-.973-.923-1.417-.444-.445-.89-.72-1.417-.923-.51-.198-1.09-.333-1.942-.372C10.445.008 10.173 0 8 0zm0 1.44c2.136 0 2.39.01 3.233.048.78.036 1.203.166 1.485.276.374.145.64.318.92.598.28.28.453.546.598.92.11.282.24.705.276 1.485.038.844.047 1.097.047 3.233s-.01 2.39-.048 3.233c-.036.78-.166 1.203-.276 1.485-.145.374-.318.64-.598.92-.28.28-.546.453-.92.598-.282.11-.705.24-1.485.276-.844.038-1.097.047-3.233.047s-2.39-.01-3.233-.048c-.78-.036-1.203-.166-1.485-.276-.374-.145-.64-.318-.92-.598-.28-.28-.453-.546-.598-.92-.11-.282-.24-.705-.276-1.485C1.45 10.39 1.44 10.136 1.44 8s.01-2.39.048-3.233c.036-.78.166-1.203.276-1.485.145-.374.318-.64.598-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276C5.61 1.45 5.864 1.44 8 1.44zm0 2.452c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zm0 6.775c-1.473 0-2.667-1.194-2.667-2.667 0-1.473 1.194-2.667 2.667-2.667 1.473 0 2.667 1.194 2.667 2.667 0 1.473-1.194 2.667-2.667 2.667zm5.23-6.937c0 .53-.43.96-.96.96s-.96-.43-.96-.96.43-.96.96-.96.96.43.96.96z"></path></svg> <span class="accessibility-text">Instagram</span> </a> <a href="http://www.pinterest.com/dribbble/" class="site-footer__social-link"> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="a52icm182zap4tjyavkgwkvfyw01hh5f" role="img" viewBox="0 0 24 24" class="icon "><title id="a52icm182zap4tjyavkgwkvfyw01hh5f">Pinterest icon</title><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"></path></svg> <span class="accessibility-text">Pinterest</span> </a> </div> </div> <div class="site-footer__lower"> <ul class="site-footer__lower-list"> <li>© 2025 Dribbble</li> <li><a href="/terms">Terms</a></li> <li><a href="/privacy">Privacy</a></li> <li><a href="/cookie-policy">Cookies</a></li> </ul> <ul class="site-footer__lower-list"> <li><a href="/directories/jobs">Jobs</a></li> <li><a href="/directories/designers">Designers</a></li> <li><a href="/directories/freelance-designers">Freelancers</a></li> <li><a href="/tags">Tags</a></li> <li><a href="/places">Places</a></li> <li><a href="/resources">Resources</a></li> </ul> </div> </div> </div> <div class="shot-overlay js-shot-overlay lazyloading-hidden-container" tabindex="-1" data-include="css:https://cdn.dribbble.com/assets/components/media-overlay-modal-953585e920060d757c4ec23c11ee99ed61d04e8d3bcdb12c68916bda70ee2188.css"> <div class="overlay-content js-overlay-content"></div> <div class="shot-nav-prev"> <div class="shot-nav-button-container"> <a href="#"> <div class="shot-nav-button"> <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m13.532 4.585-7.532 7.415 7.532 7.415c.792.779 2.081.779 2.873 0s.792-2.049 0-2.829l-4.659-4.586 4.659-4.587c.384-.378.595-.88.595-1.414s-.211-1.036-.595-1.414c-.792-.78-2.082-.78-2.873 0z"></path></svg> </div> </a> <span>Previous</span> </div> </div> <div class="shot-nav-next"> <div class="shot-nav-button-container"> <a href="#"> <div class="shot-nav-button"> <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m10.468 19.415 7.532-7.415-7.532-7.415c-.792-.779-2.081-.779-2.873 0s-.792 2.049 0 2.829l4.659 4.586-4.659 4.587c-.384.378-.595.88-.595 1.414s.211 1.036.595 1.414c.792.78 2.082.78 2.873 0z"></path></svg> </div> </a> <span>Next</span> </div> </div> <a href="#" class="js-close-overlay close-overlay" aria-label="close"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" fill="none" role="img" class="icon fill-current"> <path d="M8.28596 6.51819C7.7978 6.03003 7.00634 6.03003 6.51819 6.51819C6.03003 7.00634 6.03003 7.7978 6.51819 8.28596L11.2322 13L6.51819 17.714C6.03003 18.2022 6.03003 18.9937 6.51819 19.4818C7.00634 19.97 7.7978 19.97 8.28596 19.4818L13 14.7678L17.714 19.4818C18.2022 19.97 18.9937 19.97 19.4818 19.4818C19.97 18.9937 19.97 18.2022 19.4818 17.714L14.7678 13L19.4818 8.28596C19.97 7.7978 19.97 7.00634 19.4818 6.51819C18.9937 6.03003 18.2022 6.03003 17.714 6.51819L13 11.2322L8.28596 6.51819Z" fill="currentColor"></path> </svg> </a> </div> <div id="shot-modals-app"></div> <div id="good-modals-app"></div> <div class="attachment-overlay fill-screen lazyloading-hidden lazyload" style="display:none;" tabindex="-1" data-include="css:https://cdn.dribbble.com/assets/attachment-overlay-e1f1a0d10f3f9bd9d6f649f1d0e62b7775ec5b1e7257bbeb4d24099b08e79c70.css"> </div>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NBX2C5CC" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="signup-overlay" class="overlay "> <div class="lightbox"> <a href="#" class="close" aria-label="close"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none" role="img" class="icon icon-24 lazyload"> <rect x="3" y="5" width="18" height="16" fill="white"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5051 0.135254C14.9528 0.135152 17.3455 0.860879 19.3807 2.22066C21.416 3.58044 23.0022 5.51321 23.939 7.77453C24.8757 10.0359 25.1209 12.5242 24.6434 14.9248C24.166 17.3255 22.9873 19.5306 21.2566 21.2614C19.5259 22.9922 17.3207 24.1709 14.9201 24.6485C12.5195 25.126 10.0311 24.881 7.76979 23.9443C5.50843 23.0076 3.57561 21.4214 2.21576 19.3862C0.855913 17.3511 0.130107 14.9583 0.130127 12.5107C0.130141 9.22858 1.43392 6.08092 3.75467 3.76009C6.07542 1.43926 9.22304 0.135377 12.5051 0.135254V0.135254ZM7.13525 16.4156C6.9463 16.6101 6.84148 16.8711 6.84346 17.1423C6.84544 17.4135 6.95406 17.6729 7.14583 17.8647C7.3376 18.0564 7.59711 18.1649 7.86827 18.1668C8.13943 18.1687 8.40044 18.0638 8.59488 17.8748L12.4997 13.9699L16.4103 17.8805C16.6047 18.0698 16.8659 18.1749 17.1372 18.1731C17.4085 18.1712 17.6682 18.0626 17.8601 17.8707C18.0519 17.6788 18.1605 17.4191 18.1623 17.1478C18.164 16.8765 18.0589 16.6153 17.8695 16.421L13.9592 12.5106L17.8847 8.58516C18.072 8.39039 18.1754 8.12994 18.1727 7.85976C18.1701 7.58958 18.0616 7.33122 17.8705 7.14017C17.6795 6.94911 17.4211 6.8406 17.1509 6.83794C16.8808 6.83529 16.6203 6.93869 16.4255 7.12594L12.4997 11.051L8.57998 7.13125C8.38644 6.93769 8.12393 6.82894 7.8502 6.82892C7.57647 6.82891 7.31394 6.93763 7.12038 7.13118C6.92681 7.32472 6.81806 7.58724 6.81804 7.86097C6.81803 8.13469 6.92675 8.39722 7.1203 8.59078L11.0402 12.5106L7.13525 16.4156Z" fill="#979797"></path> </svg> </a> <div class="display"> <div class="processing">Loading…</div> </div> </div> </div> <div id="introductions-upload-modal-app"></div> <div id="site-notifications"></div> <div id="designer-application-modal-app"></div> <script src="https://cdn.dribbble.com/assets/jquery.min-9c88cca85b4993dd197ed241b5f8ed8bfc16bf66b1855af09272a1d820baec1e.js"></script> <script> // ensure namespace is available Dribbble = window.Dribbble || {}; Dribbble.JsConfig = Dribbble.JsConfig || {}; Dribbble.isHistorySupported = () => (window.history && 'pushState' in window.history); User = { loggedIn: function() { return !!document.querySelector('body.logged-in') }, loggedOut: function() { return !this.loggedIn() }, }; </script> <script src="https://cdn.dribbble.com/assets/tags-legacy-js-7e9d35e0aa79f449756ff27bd8f29ff480557631ed2707005b80fca1636767e4.js"></script> <script src="https://cdn.dribbble.com/assets/vite/assets/tags-scripts-09a0e2ac.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/teaser-stats-496115f2.js" as="script" crossorigin="anonymous"> <script> var config = Dribbble.JsConfig || {} // the assign is so this partial can be called in other partials, e.g. modals // without overriding parent instantiations of JsConfig Dribbble.JsConfig = Object.assign(config, { user: {"isLoggedIn":false,"reCaptchaSiteKey":"6LdmBTIUAAAAAM4NIokaWu8p3BBuYEw3CxuDdyg_","canPurchasePro":true,"isHiringTrialEligible":false}, hiringProfile: {}, features: {"collaborators":false,"caseStudiesLinkBlock":false,"otpEmailVerification":true,"milestonePayments":true,"disintermediation":true,"siteNavAutocomplete":false}, isRobot: false, remoteIp: "8.222.208.146", isProduction: true, permissions: {"userPermissions":["canBuyBoostWithBraintree","canSeeThirdPartyPaymentMethods"]}, screenshot_boost: {"buttonText":[{"label":"Buy Now","value":"buy-now"},{"label":"Download","value":"download"},{"label":"Learn More","value":"learn-more"},{"label":"Shop Now","value":"shop-now"},{"label":"Apply Now","value":"apply-now"},{"label":"Try Now","value":"try-now"},{"label":"Get Offer","value":"get-offer"},{"label":"Contact Us","value":"contact-us"}],"tiers":{"lowTier":{"daysToServe":7,"range":{"lowerLimit":0,"upperLimit":10000}},"midTier":{"daysToServe":14,"range":{"lowerLimit":10001,"upperLimit":100000}},"highTier":{"daysToServe":28,"range":{"lowerLimit":100001,"upperLimit":null}}},"pricePerImpression":"0.01","purchase":{"stripePublicKey":"pk_live_9EfFSEE6iTCgHghKqBqnixxR","savedCreditCardInformation":null},"discount":null,"minimumImpressions":2000,"targetPlacements":{"following":"Following Feed","popular":"Popular Feed","search":"Search Feed","goods":"Goods Feed","recent":"New \u0026 Noteworthy Feed","shot_modal":"Shot Modal","similar_work":"Similar Work","tags":"Tag Feed","popular_first":"Popular Feed First"},"priorities":["self_serve","sales","remnant","sales_priority"]}, contacts: {"regexes":{"general":{"email":"(\\b[A-Z0-9$\u0026+,:;=?@#|'\u003c\u003e.\\-_^*()%!{}\\[\\]]+@[A-Z0-9$\u0026+,:;=?@#|'\u003c\u003e.\\-_^*()%!{}\\[\\]]+(\\.|dot)[A-Z]{2,}\\b)|(email:)","phone":"([\\+\$]?\\d{1,3}[-.\\s]?\\(?\\d{2,4}\$?[-.\\s]?\\d{2,4}[-.\\s]\\d{2,4}|\\+[\\s\\d]{7}\\d+\\b)","telegram":"(t\\.me/)|(telegram\\s*:)","whatsapp":"(wa\\.me/)|(w(ha?|u?)t[\\'\\`\\s]?s[\\s]?ap[p]?\\s*:)","wechat":"\\b(wechat|we chat|vx)\\s*:","biolink":"bio\\.link/([A-Za-z0-9_-]+)?","discord":"(\\b[A-Za-z0-9._-]+#\\d{4}\\b)|(discord\\s*:)","instagram":"instagram\\s*:","linkedin":"linkedin\\.com(/[A-Za-z0-9_-]+)?","skype":"skype\\s*:","slack":"slack\\.com/.+","twitter":"twitter\\s*:","behance":"behance\\.net","clutch":"clutch\\.co(/[profile/]?[A-Za-z0-9_-]+)?","contra":"contra\\.com","designcrowd":"designcrowd\\.com","fiverr":"fiverr\\.com","freelancer_dot_com":"freelancer\\.com","ninety_nine_designs":"99designs\\.com","peopleperhour":"peopleperhour\\.com","toptal":"toptal\\.com","upwork":"upwork\\.com","fiverr_name":"\\bfiverr\\b","upwork_name":"\\bupwork\\b","ninety_nine_designs_name":"\\b99designs\\b","acuity_scheduling":"acuityscheduling\\.com","appointy":"appointy\\.com","calendly":"calendly\\.com","doodle":"doodle\\.com","google_calendar":"calendar\\.google\\.com","microsoft_bookings":"bookings\\.microsoft\\.com","setmore":"setmore\\.com","simplybook_me":"simplybook\\.me","squareup":"squareup\\.com/appointments","wheniwork":"wheniwork\\.com","zoho":"zoho\\.com/bookings","brandcrowd":"brandcrowd\\.com","designlogo":"designlogo\\.com","designmantic":"designmantic\\.com","hatchwise":"hatchwise\\.com","logoarena":"logoarena\\.com","logaster":"logaster\\.com","logogenie":"logogenie\\.net","logoground":"logoground\\.com","logomaker":"logomaker\\.com","logomyway":"logomyway\\.com","logopond":"logopond\\.com","logospire":"logospire\\.com","logoworks":"logoworks\\.com","tailorbrands":"tailorbrands\\.com","bitly":"bit\\.ly","bl_ink":"bl\\.ink","cutt_ly":"cutt\\.ly","lnk_bio":"lnk\\.bio","rebrandly":"rebrand\\.ly","tiny_url":"tinyurl\\.com","short_io":"short\\.io","heyo":"heyo\\.is","jamm":"jamm\\.co","unfold":"unfold\\.co"},"message":{"email":"(\\b[A-Z0-9$\u0026+,:;=?@#|'\u003c\u003e.\\-_^*()%!{}\\[\\]]+@[A-Z0-9$\u0026+,:;=?@#|'\u003c\u003e.\\-_^*()%!{}\\[\\]]+(\\.|dot)[A-Z]{2,}\\b)|(email:)","phone":"([\\+\$]?\\d{1,3}[-.\\s]?\\(?\\d{2,4}\$?[-.\\s]?\\d{2,4}[-.\\s]\\d{2,4}|\\+[\\s\\d]{7}\\d+\\b)","telegram":"(t\\.me/)|(telegram\\s*:)","whatsapp":"(wa\\.me/)|(w(ha?|u?)t[\\'\\`\\s]?s[\\s]?ap[p]?\\s*:)","wechat":"\\b(wechat|we chat|vx)\\s*:","biolink":"bio\\.link/([A-Za-z0-9_-]+)?","discord":"(\\b[A-Za-z0-9._-]+#\\d{4}\\b)|(discord\\s*:)","instagram":"instagram\\s*:","linkedin":"linkedin\\.com(/[A-Za-z0-9_-]+)?","skype":"skype\\s*:","slack":"slack\\.com/.+","twitter":"twitter\\s*:","telegram_name":"telegram","whatsapp_name":"w(ha?|u?)t[\\'\\`\\s]?s[\\s]?ap[p]?","discord_name":"discord","behance":"behance\\.net","clutch":"clutch\\.co(/[profile/]?[A-Za-z0-9_-]+)?","contra":"contra\\.com","designcrowd":"designcrowd\\.com","fiverr":"fiverr\\.com","freelancer_dot_com":"freelancer\\.com","ninety_nine_designs":"99designs\\.com","peopleperhour":"peopleperhour\\.com","toptal":"toptal\\.com","upwork":"upwork\\.com","fiverr_name":"\\bfiverr\\b","upwork_name":"\\bupwork\\b","ninety_nine_designs_name":"\\b99designs\\b","brandcrowd":"brandcrowd\\.com","designlogo":"designlogo\\.com","designmantic":"designmantic\\.com","hatchwise":"hatchwise\\.com","logoarena":"logoarena\\.com","logaster":"logaster\\.com","logogenie":"logogenie\\.net","logoground":"logoground\\.com","logomaker":"logomaker\\.com","logomyway":"logomyway\\.com","logopond":"logopond\\.com","logospire":"logospire\\.com","logoworks":"logoworks\\.com","tailorbrands":"tailorbrands\\.com","payoneer":"payoneer","paypal":"paypal","wise":"wise\\.com","bitly":"bit\\.ly","bl_ink":"bl\\.ink","cutt_ly":"cutt\\.ly","lnk_bio":"lnk\\.bio","rebrandly":"rebrand\\.ly","tiny_url":"tinyurl\\.com","short_io":"short\\.io","gmail":"gmail","hotmail":"hotmail","outlook":"outlook(\\.|dot)com","yahoo":"yahoo"},"screenshot":{"email":"(\\b[A-Z0-9$\u0026+,:;=?@#|'\u003c\u003e.\\-_^*()%!{}\\[\\]]+@[A-Z0-9$\u0026+,:;=?@#|'\u003c\u003e.\\-_^*()%!{}\\[\\]]+(\\.|dot)[A-Z]{2,}\\b)|(email:)","phone":"([\\+\$]?\\d{1,3}[-.\\s]?\\(?\\d{2,4}\$?[-.\\s]?\\d{2,4}[-.\\s]\\d{2,4}|\\+[\\s\\d]{7}\\d+\\b)","telegram":"(t\\.me/)|(telegram\\s*:)","whatsapp":"(wa\\.me/)|(w(ha?|u?)t[\\'\\`\\s]?s[\\s]?ap[p]?\\s*:)","wechat":"\\b(wechat|we chat|vx)\\s*:","biolink":"bio\\.link/([A-Za-z0-9_-]+)?","discord":"(\\b[A-Za-z0-9._-]+#\\d{4}\\b)|(discord\\s*:)","instagram":"instagram\\s*:","linkedin":"linkedin\\.com(/[A-Za-z0-9_-]+)?","skype":"skype\\s*:","slack":"slack\\.com/.+","twitter":"twitter\\s*:","behance":"behance\\.net","clutch":"clutch\\.co(/[profile/]?[A-Za-z0-9_-]+)?","contra":"contra\\.com","designcrowd":"designcrowd\\.com","fiverr":"fiverr\\.com","freelancer_dot_com":"freelancer\\.com","ninety_nine_designs":"99designs\\.com","peopleperhour":"peopleperhour\\.com","toptal":"toptal\\.com","upwork":"upwork\\.com","acuity_scheduling":"acuityscheduling\\.com","appointy":"appointy\\.com","calendly":"calendly\\.com","doodle":"doodle\\.com","google_calendar":"calendar\\.google\\.com","microsoft_bookings":"bookings\\.microsoft\\.com","setmore":"setmore\\.com","simplybook_me":"simplybook\\.me","squareup":"squareup\\.com/appointments","wheniwork":"wheniwork\\.com","zoho":"zoho\\.com/bookings","brandcrowd":"brandcrowd\\.com","designlogo":"designlogo\\.com","designmantic":"designmantic\\.com","hatchwise":"hatchwise\\.com","logoarena":"logoarena\\.com","logaster":"logaster\\.com","logogenie":"logogenie\\.net","logoground":"logoground\\.com","logomaker":"logomaker\\.com","logomyway":"logomyway\\.com","logopond":"logopond\\.com","logospire":"logospire\\.com","logoworks":"logoworks\\.com","tailorbrands":"tailorbrands\\.com","bitly":"bit\\.ly","bl_ink":"bl\\.ink","cutt_ly":"cutt\\.ly","lnk_bio":"lnk\\.bio","rebrandly":"rebrand\\.ly","tiny_url":"tinyurl\\.com","short_io":"short\\.io","heyo":"heyo\\.is","jamm":"jamm\\.co","unfold":"unfold\\.co"}}}, }) </script> <script src="https://cdn.dribbble.com/assets/packs/js/application.92eafc4b6c70eba5eed2.js"></script> <script src="https://cdn.dribbble.com/assets/shots-manifest-27d5dbf20012b23166390141faf3d8d8ae7add23834d851f31a44ffa75226478.js"></script> <script src="https://cdn.dribbble.com/assets/vite/assets/shots-scripts-8e730321.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/large-shot-view-recorder-e20cbed5.js" as="script" crossorigin="anonymous"> <script> $(function() { Dribbble.Thumbnails.initialize({"enable_shot_overlay":true,"cursor":false,"deferredContent":null,"staticParams":null,"showBoostedAds":true,"showSimilarShots":true,"boostedAdPlacement":"Tag Feed","boostedAdParams":{"q":"download"},"numberOfAdsOnFirstPage":3,"numberOfAdsOnSubsequentPages":3,"boostedAdGroupPositions":[2,4,7],"perPage":null}); if(Dribbble.Bucket){ new Dribbble.Bucket({ target: "a[data-bucket-add]" }); } $(document).on( 'click', 'a[data-fav-toggle=shot]', Screenshot.Like.Shot.toggle ) }); </script> <script src="https://cdn.dribbble.com/assets/vite/assets/tags-page-26ad157c.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/toasty-sign-up-initializer-7c0b54f4.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/preload-helper-60539bb2.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/index-0f03e693.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/_commonjsHelpers-042e6b4d.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/axios-8f19e258.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/axios_helper-2919371d.js" as="script" crossorigin="anonymous">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-EV4S8HEMZG"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); // Google Analytics gtag('config', 'G-EV4S8HEMZG', { user_id: null, "user_properties": { anonymous_id: "1cc1e1f2-1902-4bf5-a470-366a17517ddc", user_id: null, user_type: "guest", }, }); // Google Ads gtag('config', 'AW-787470371'); </script> <script> </script> </body></html>