Showing source for: https://dribbble.com/shots
Duration: 0.337273s
Server: nginx

<!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 getABTestValues() {
    const abTestElements = document.querySelectorAll('drb-ab-test');

    return Array.from(abTestElements).reduce((acc, el) => {
      const name = el.getAttribute('name');
      const value = el.getAttribute('value');

      if (name && value) {
        acc[name] = value;
      }

      return acc;
    }, {});
  }

  function setData() {
    window._drbbbv = window._drbbbv || {};
    window._drbbbv['anonymous_id'] = "46e27899-73f0-4c4d-8078-1032ae3fe946";
    window._drbbbv['user_id'] = "";
    window._drbbbv['user_type'] = "guest";
    window._drbbbv['user_custom_ga_keys'] = [
    ]
    window._drbbbv['page_type'] = "";
    window._drbbbv['ab_test_data'] = getABTestValues();

    // Loads Google Tag Manager only after receiving cookie consent
    (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")
  }

  // If CookieYes script hasn't loaded yet, wait for event before setting data
  if (!window.getCkyConsent) {
    document.addEventListener('cookieyes_banner_load', function(eventData) {
    // Set analytics if user does not require cookie consent
    if (
      (eventData && eventData.detail && !eventData.detail.activeLaw)
      || (
        // OR if they do require consent and have agreed to analytics cookies
        eventData
        && eventData.detail
        && eventData.detail.activeLaw
        && eventData.detail.categories
        && eventData.detail.categories.analytics
      )
    ) {
      setData();
    }
  });
  } else {
    // Set analytics properties if user does not require cookie consent
    if (
      (!window.getCkyConsent().activeLaw)
      || (
      // OR if they do require consent and have agreed to analytics cookies
        window.getCkyConsent().categories
        && window.getCkyConsent().categories.analytics
      )
    ) {
      setData();
    }
  }

  // Initialize GTM when user accepts analytics cookies
  document.addEventListener("cookieyes_consent_update", function (eventData) {
    if (eventData && eventData.detail && eventData.detail.accepted.includes("analytics")) {
        setData();
      }
  });
</script>



  <title>Dribbble - Discover the World’s Top Designers &amp; Creative Professionals</title>
  <meta name="description" content="Find Top Designers &amp; Creative Professionals on Dribbble. We are where designers gain inspiration, feedback, community, and jobs. Your best 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, interactive-widget=resizes-content" />
    <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>



  <!--[if gte IE 7]><!-->
        <link rel="stylesheet" href="https://cdn.dribbble.com/assets/mini-master-async-250eb8f33b6b11e586638981666d9462df3d0dedc3973295789f462526e73544.css" media="print" onload="this.media='all'">
  <noscript><link rel="stylesheet" href="https://cdn.dribbble.com/assets/mini-master-async-250eb8f33b6b11e586638981666d9462df3d0dedc3973295789f462526e73544.css"></noscript>



      <style>
    .r-70c494a3 {
        display: inline-flex !important;
        margin-left: 9px;
        font-size: 12px;
        font-weight: 700;
        transition: color 0.1s ease-in-out;
        color: #98959f;
        cursor: pointer;
      }

      drb-tooltip:hover .r-70c494a3 {
        color: #3a3546;
      }
    </style>
<link rel="stylesheet" href="https://cdn.dribbble.com/assets/infinite-shots-pages/index-7ce818918f4085ac3c275014030a2f22f42bc4ba71727f97155367c42641cd16.css" />

  <!-- <![endif]-->
  <link href="/images/favicon.ico" rel="icon" type="image/x-icon" />
<link href="/images/favicon-64x64.png" rel="icon" sizes="64x64" type="image/png" />
<link href="/images/favicon-192x192.png" rel="icon" sizes="192x192" type="image/png" />
<link href="/images/apple-touch-icon-precomposed.png" rel="apple-touch-icon" sizes="152x152" type="image/png" />

  
  <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="oYo4mu37H1YHpg7trrV2ilAlzkjj-_J8QU5PM6v9gbD--A7u940Bux5aHRT1sPZD8ZN8o_p3jo7--4TWXLCKnQ" />
  
  <script src="https://cdn.dribbble.com/assets/vite/assets/application-legacy-f33c6c66.js" crossorigin="" type="module"></script><link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/globals-2174e894.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/internal-tracking-c046a27a.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/js.cookie-edb2da2a.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/expand-collapse-1ef905ba.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/preload-helper-b857222e.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/url-24f74ae4.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/index-6795db67.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/axios_helper-aabbd1f9.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/is_touch_device-677411e5.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/form-validation-4ea3d82b.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/request-bce2c704.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/lazysizes-9974e788.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/vue.runtime.esm-4b13ffe8.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/google-tag-manager-utils-cbc0cd1f.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/feature-gates-91956f5b.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/has-permission-cff532d9.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/get-006845b1.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/_commonjsHelpers-de833af9.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/isArray-439e3754.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/isObjectLike-a95d9cc8.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/isSymbol-e125ec4c.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/pricing-311df2f8.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/contact-info-detection-helpers-1c80a23f.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/ls.rias-045c567b.js" as="script" crossorigin="">
  <script src="https://cdn.dribbble.com/assets/vite/assets/application-2db742e6.js" crossorigin="" type="module" defer="defer"></script><link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/index-8179b27f.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/request-bce2c704.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/internal-tracking-c046a27a.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/drb-toast-helpers-b5930a70.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/google-tag-manager-utils-cbc0cd1f.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/v2-check-circle-974aa791.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/site-footer-d4d6d040.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/index-9f1f7712.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/google-sign-in-acd1d833.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/designer-lists-3c433ea6.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/site-nav-eba5a1ff.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/file-upload-ee9da0c0.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/screen-transitions-2aa49867.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/drb-dialog-helpers-ba3cbb69.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/index-6f0e206a.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/form-validation-4ea3d82b.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/contact-info-detection-helpers-1c80a23f.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/expand-collapse-1ef905ba.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/feature-gates-91956f5b.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/drb-confirm-helpers-ec68e176.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/pricing-311df2f8.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/ai-input-0855d00f.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/form-handler-8dafa9bf.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/v2-alert-pink-5610c78e.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/check-verified-654e50fe.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/js.cookie-edb2da2a.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/throttle-21a5b5a4.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/carbon-helpers-c6aff257.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/preload-helper-b857222e.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/index-1f99a98e.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/photoswipe-fe6228ab.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/media-d8256ec9.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/project-cost-breakdown-efe5d08f.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/unsafe-html-8a88c451.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/drb-select-4d32faf6.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/animation-7e2d11a2.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/fuse.esm-7d6937a9.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/isEqual-30f1044d.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/_commonjsHelpers-de833af9.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/_baseIsEqual-a043b8f3.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/_getTag-630d11ac.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/isArray-439e3754.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/isObjectLike-a95d9cc8.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/_baseUnary-56bc5bee.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/keysIn-59575dd8.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/debounce-b278b84e.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/toNumber-6b6d4ee4.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/isSymbol-e125ec4c.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/_copyArray-0cabef32.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/identity-66bf3aad.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/index-d3c2e6a6.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/index-eba08dfc.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/url-24f74ae4.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/lodash-f6b38868.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/index-6795db67.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/axios_helper-aabbd1f9.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/site-nav-autocomplete-a4c2db86.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/string-5478061d.js" as="script" crossorigin="" defer="defer">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/pluralize-e121862b.js" as="script" crossorigin="" defer="defer"><link rel="stylesheet" crossorigin="" href="https://cdn.dribbble.com/assets/vite/assets/flickity-ba87a55c.css" media="screen" defer="defer" />
<link rel="stylesheet" crossorigin="" href="https://cdn.dribbble.com/assets/vite/assets/shoelace-overrides-a3aff624.css" media="screen" defer="defer" />
<link rel="stylesheet" crossorigin="" href="https://cdn.dribbble.com/assets/vite/assets/index-45ecb73d.css" media="screen" defer="defer" />
<link rel="stylesheet" crossorigin="" href="https://cdn.dribbble.com/assets/vite/assets/site-nav-autocomplete-14ad979f.css" media="screen" defer="defer" />
  <meta name="action-cable-url" content="wss://cable.dribbble.com" />
    <link rel="canonical" href="https://dribbble.com/shots" />



  <meta property="fb:app_id" content="811749452338490">

  <meta property="og:type" content="article" />
<meta property="og:site_name" content="Dribbble" />
<meta name="twitter:site" content="@dribbble" />
<meta name="twitter:domain" content="dribbble.com" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:image" content="https://cdn.dribbble.com/uploads/68059/original/f95c1a744395b01385a3685ba20daac0.png?1770659618" />
<meta name="twitter:image" content="https://cdn.dribbble.com/uploads/68059/original/f95c1a744395b01385a3685ba20daac0.png?1770659618" />

  <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></script>
</head>

<body id="shots" class="logged-out not-pro not-player not-self not-team not-on-team no-hiring " data-turbo="false">


<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="32b93de0e6eabd7b51cf093f0d7e3a1c"
      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" aria-hidden="true" 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="1.5" 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" aria-hidden="true" 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" aria-hidden="true" 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="1.5" 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="/hire" class="site-nav-main__link" data-site-nav-sub-trigger>Hire Talent</a>

            <ul class="site-nav-sub site-nav-sub--wide-format">
              <li class="site-nav-sub__item" style="--site-nav-sub-item-order: -1">
                <a
                  href="/instantmatch"
                  class="site-nav-sub__link site-nav-sub__link--bold"
                  data-internal-track-cta="GetMatched"
                >
                  <div class="site-nav-sub__content-wrapper">
                    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none" role="img" aria-hidden="true" class="icon ">
<path d="M19.9818 11.1647V6.42118C19.9818 4.52359 19.9818 3.57479 19.5939 2.85001C19.2527 2.21247 18.7082 1.69414 18.0385 1.3693C17.2772 1 16.2805 1 14.2873 1H6.69454C4.70126 1 3.70463 1 2.9433 1.3693C2.27361 1.69414 1.72914 2.21247 1.38792 2.85001C1 3.57479 1 4.52359 1 6.42118V18.1671C1 20.0646 1 21.0134 1.38792 21.7382C1.72914 22.3758 2.27361 22.8941 2.9433 23.2189C3.70463 23.5882 4.70126 23.5882 6.69454 23.5882H10.4909M11.0841 11.1647H5.74545M6.93181 15.6824H5.74545M15.2363 6.64706H5.74545M14.7752 25V22.1765M14.8529 16.2471V13.4235M13.4033 14.8353H16.3025M13.3256 23.5882H16.2248M19.7815 13.9882L18.776 16.5344C18.6124 16.9485 18.5307 17.1555 18.4035 17.3296C18.2908 17.484 18.1524 17.6188 17.9939 17.7286C17.8151 17.8524 17.6025 17.932 17.1774 18.0913L14.563 19.0706L17.1774 20.0499C17.6025 20.2091 17.8151 20.2888 17.9939 20.4126C18.1524 20.5223 18.2908 20.6572 18.4035 20.8115C18.5307 20.9857 18.6124 21.1927 18.776 21.6068L19.7815 24.1529L20.787 21.6068C20.9505 21.1927 21.0323 20.9857 21.1594 20.8115C21.2721 20.6572 21.4106 20.5223 21.5691 20.4126C21.7479 20.2888 21.9605 20.2091 22.3856 20.0499L25 19.0706L22.3856 18.0913C21.9605 17.932 21.7479 17.8524 21.5691 17.7286C21.4106 17.6188 21.2721 17.484 21.1594 17.3297C21.0323 17.1555 20.9505 16.9485 20.787 16.5344L19.7815 13.9882Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

                    <div class="site-nav-sub__text-content">
                      <span class="site-nav-sub__title">Start Project Brief</span>
                      <span class="site-nav-sub__description">Get recommendations and proposals</span>
                    </div>
                  </div>
                </a>
              </li>

              <li class="site-nav-sub__item" style="--site-nav-sub-item-order: -1; --site-nav-sub-item-column: 1">
                <a href="/hire" class="site-nav-sub__link site-nav-sub__link--bold">
                  <div class="site-nav-sub__content-wrapper">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M22 21V19C22 17.1362 20.7252 15.5701 19 15.126M15.5 3.29076C16.9659 3.88415 18 5.32131 18 7C18 8.67869 16.9659 10.1159 15.5 10.7092M17 21C17 19.1362 17 18.2044 16.6955 17.4693C16.2895 16.4892 15.5108 15.7105 14.5307 15.3045C13.7956 15 12.8638 15 11 15H8C6.13623 15 5.20435 15 4.46927 15.3045C3.48915 15.7105 2.71046 16.4892 2.30448 17.4693C2 18.2044 2 19.1362 2 21M13.5 7C13.5 9.20914 11.7091 11 9.5 11C7.29086 11 5.5 9.20914 5.5 7C5.5 4.79086 7.29086 3 9.5 3C11.7091 3 13.5 4.79086 13.5 7Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

                    <div class="site-nav-sub__text-content">
                      <span class="site-nav-sub__title">Browse Profiles</span>
                      <span class="site-nav-sub__description">Find and message talent directly</span>
                    </div>
                  </div>
                </a>
              </li>

              <li class="site-nav-sub__item" style="--site-nav-sub-item-order: -1; --site-nav-sub-item-column: 1">
                <a href="/services" class="site-nav-sub__link site-nav-sub__link--bold">
                  <div class="site-nav-sub__content-wrapper">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" 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="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

                    <div class="site-nav-sub__text-content">
                      <span class="site-nav-sub__title">Explore Services</span>
                      <span class="site-nav-sub__description">Hire quickly with pre-packaged services</span>
                    </div>
                  </div>
                </a>
              </li>

              <li class="site-nav-sub__item site-nav-sub__item--no-hover-bg" style="--site-nav-sub-item-column: 2; --site-nav-sub-item-row: 1 / 2; --site-nav-sub-content-padding: 16px 0;">
                <div class="site-nav-sub__content-wrapper" style="--subnav-text-content-gap: 16px">
                  <div class="site-nav-sub__text-content">

                    <a href="/jobs/new" class="site-nav-sub__title">
                      Post a Full-Time Job →
                    </a>
                  </div>
                </div>
              </li>

              <span class="site-nav-sub__divider"></span>

              <a href="https://help.dribbble.com/articles/11083661" class="site-nav-sub__learn-more" target="_blank">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
<path d="M12 20H5.2C4.07989 20 3.51984 20 3.09202 19.782C2.71569 19.5903 2.40973 19.2843 2.21799 18.908C2 18.4802 2 17.9201 2 16.8V7.2C2 6.07989 2 5.51984 2.21799 5.09202C2.40973 4.71569 2.71569 4.40973 3.09202 4.21799C3.51984 4 4.07989 4 5.2 4H5.6C7.84021 4 8.96031 4 9.81596 4.43597C10.5686 4.81947 11.1805 5.43139 11.564 6.18404C12 7.03968 12 8.15979 12 10.4M12 20V10.4M12 20H18.8C19.9201 20 20.4802 20 20.908 19.782C21.2843 19.5903 21.5903 19.2843 21.782 18.908C22 18.4802 22 17.9201 22 16.8V7.2C22 6.07989 22 5.51984 21.782 5.09202C21.5903 4.71569 21.2843 4.40973 20.908 4.21799C20.4802 4 19.9201 4 18.8 4H18.4C16.1598 4 15.0397 4 14.184 4.43597C13.4314 4.81947 12.8195 5.43139 12.436 6.18404C12 7.03968 12 8.15979 12 10.4" stroke="#655C7A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span>Learn more about how hiring works on Dribbble →</span>
              </a>
            </ul>
          </li>

          <li class="site-nav-main__item">
            <a href="/browse-project-briefs" class="site-nav-main__link" data-site-nav-sub-trigger>Get Hired</a>

            <ul class="site-nav-sub site-nav-sub--wide-format">
              <li class="site-nav-sub__item" style="--site-nav-sub-item-order: -1">
                <a href="/browse-project-briefs" class="site-nav-sub__link site-nav-sub__link--bold">
                  <div class="site-nav-sub__content-wrapper" style="--site-nav-sub-icon-size: 23px; --site-nav-sub-svg-offset: -2px;">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
<path d="M14 11H8M10 15H8M16 7H8M20 6.8V17.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 2H15.2C16.8802 2 17.7202 2 18.362 2.32698C18.9265 2.6146 19.3854 3.07354 19.673 3.63803C20 4.27976 20 5.11984 20 6.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

                    <div class="site-nav-sub__text-content">
                      <span class="site-nav-sub__title">
                        Browse Project Briefs
                      </span>

                      <span class="site-nav-sub__description">Pitch clients ready to hire now</span>
                    </div>
                  </div>
                </a>
              </li>

              <li class="site-nav-sub__item" style="--site-nav-sub-item-order: 0; --site-nav-sub-item-row: 3">
                <a href="/session/new" class="site-nav-sub__link site-nav-sub__link--bold">
                  <div class="site-nav-sub__content-wrapper">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M20 10.5V6.8C20 5.11984 20 4.27976 19.673 3.63803C19.3854 3.07354 18.9265 2.6146 18.362 2.32698C17.7202 2 16.8802 2 15.2 2H8.8C7.11984 2 6.27976 2 5.63803 2.32698C5.07354 2.6146 4.6146 3.07354 4.32698 3.63803C4 4.27976 4 5.11984 4 6.8V17.2C4 18.8802 4 19.7202 4.32698 20.362C4.6146 20.9265 5.07354 21.3854 5.63803 21.673C6.27976 22 7.11984 22 8.8 22H12M18 21V15M15 18H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

                    <div class="site-nav-sub__text-content">
                      <span class="site-nav-sub__title">
                        Add Service
                      </span>

                      <span class="site-nav-sub__description">Let clients purchase your services</span>
                    </div>
                  </div>
                </a>
              </li>

              <li class="site-nav-sub__item site-nav-sub__item--no-hover-bg" style="--site-nav-sub-item-column: 2; --site-nav-sub-item-row: 1 / 2; --site-nav-sub-content-padding: 16px 0;">
                <div class="site-nav-sub__content-wrapper" style="--subnav-text-content-gap: 16px">
                  <div class="site-nav-sub__text-content">

                    <a href="/jobs" class="site-nav-sub__title">
                      Full-Time Jobs →
                    </a>

                    <a href="/pro" class="site-nav-sub__title">
                      Upgrade to Pro →
                    </a>

                    <a href="/designer-advertising" class="site-nav-sub__title">
                      Advertise with Us →
                    </a>
                  </div>
                </div>
              </li>

              <li class="site-nav-sub__item" style="--site-nav-sub-item-order: -1; --site-nav-sub-item-column: 1">
                <a href="/proposals" class="site-nav-sub__link site-nav-sub__link--bold">
                  <div class="site-nav-sub__content-wrapper">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M16 7C16 6.07003 16 5.60504 15.8978 5.22354C15.6204 4.18827 14.8117 3.37962 13.7765 3.10222C13.395 3 12.93 3 12 3C11.07 3 10.605 3 10.2235 3.10222C9.18827 3.37962 8.37962 4.18827 8.10222 5.22354C8 5.60504 8 6.07003 8 7M5.2 21H18.8C19.9201 21 20.4802 21 20.908 20.782C21.2843 20.5903 21.5903 20.2843 21.782 19.908C22 19.4802 22 18.9201 22 17.8V10.2C22 9.07989 22 8.51984 21.782 8.09202C21.5903 7.71569 21.2843 7.40973 20.908 7.21799C20.4802 7 19.9201 7 18.8 7H5.2C4.07989 7 3.51984 7 3.09202 7.21799C2.71569 7.40973 2.40973 7.71569 2.21799 8.09202C2 8.51984 2 9.07989 2 10.2V17.8C2 18.9201 2 19.4802 2.21799 19.908C2.40973 20.2843 2.71569 20.5903 3.09202 20.782C3.51984 21 4.0799 21 5.2 21Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

                    <div class="site-nav-sub__text-content">
                      <span class="site-nav-sub__title" style="--badge-font-size: 8px;">
                        Send Outbound Proposal <span class="badge2 uppercase">New</span>
                      </span>

                      <span class="site-nav-sub__description">Send proposals to any client</span>
                    </div>
                  </div>
                </a>
              </li>

              <span class="site-nav-sub__divider"></span>

              <a href="https://help.dribbble.com/articles/11083653" class="site-nav-sub__learn-more" target="_blank">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
<path d="M12 20H5.2C4.07989 20 3.51984 20 3.09202 19.782C2.71569 19.5903 2.40973 19.2843 2.21799 18.908C2 18.4802 2 17.9201 2 16.8V7.2C2 6.07989 2 5.51984 2.21799 5.09202C2.40973 4.71569 2.71569 4.40973 3.09202 4.21799C3.51984 4 4.07989 4 5.2 4H5.6C7.84021 4 8.96031 4 9.81596 4.43597C10.5686 4.81947 11.1805 5.43139 11.564 6.18404C12 7.03968 12 8.15979 12 10.4M12 20V10.4M12 20H18.8C19.9201 20 20.4802 20 20.908 19.782C21.2843 19.5903 21.5903 19.2843 21.782 18.908C22 18.4802 22 17.9201 22 16.8V7.2C22 6.07989 22 5.51984 21.782 5.09202C21.5903 4.71569 21.2843 4.40973 20.908 4.21799C20.4802 4 19.9201 4 18.8 4H18.4C16.1598 4 15.0397 4 14.184 4.43597C13.4314 4.81947 12.8195 5.43139 12.436 6.18404C12 7.03968 12 8.15979 12 10.4" stroke="#655C7A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span>Learn more about getting hired on Dribbble →</span>
              </a>
            </ul>
          </li>

          <li class="site-nav-main__item">
            <a href="/stories" class="site-nav-main__link" data-site-nav-sub-trigger>Community</a>

            <ul class="site-nav-sub">
              <li class="site-nav-sub__item">
                <a href="/stories" class="site-nav-sub__link site-nav-sub__link--bold">
                  <div class="site-nav-sub__content-wrapper">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
<path d="M21 9.25H15M21 4H3M21 14.75H15M21 20H3M4.6 16H9.4C9.96005 16 10.2401 16 10.454 15.891C10.6422 15.7951 10.7951 15.6422 10.891 15.454C11 15.2401 11 14.9601 11 14.4V9.6C11 9.03995 11 8.75992 10.891 8.54601C10.7951 8.35785 10.6422 8.20487 10.454 8.10899C10.2401 8 9.96005 8 9.4 8H4.6C4.03995 8 3.75992 8 3.54601 8.10899C3.35785 8.20487 3.20487 8.35785 3.10899 8.54601C3 8.75992 3 9.03995 3 9.6V14.4C3 14.9601 3 15.2401 3.10899 15.454C3.20487 15.6422 3.35785 15.7951 3.54601 15.891C3.75992 16 4.03995 16 4.6 16Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

                    <div class="site-nav-sub__text-content">
                      <span class="site-nav-sub__title">
                        Blog
                      </span>

                      <span class="site-nav-sub__description">Design inspiration, stories, and tips</span>
                    </div>
                  </div>
                </a>
              </li>

              <li class="site-nav-sub__item">
                <a href="/shots?list=playoffs" class="site-nav-sub__link site-nav-sub__link--bold">
                  <div class="site-nav-sub__content-wrapper">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
<path d="M12 15C8.68629 15 6 12.3137 6 9V3.44444C6 3.0306 6 2.82367 6.06031 2.65798C6.16141 2.38021 6.38021 2.16141 6.65798 2.06031C6.82367 2 7.0306 2 7.44444 2H16.5556C16.9694 2 17.1763 2 17.342 2.06031C17.6198 2.16141 17.8386 2.38021 17.9397 2.65798C18 2.82367 18 3.0306 18 3.44444V9C18 12.3137 15.3137 15 12 15ZM12 15V18M18 4H20.5C20.9659 4 21.1989 4 21.3827 4.07612C21.6277 4.17761 21.8224 4.37229 21.9239 4.61732C22 4.80109 22 5.03406 22 5.5V6C22 6.92997 22 7.39496 21.8978 7.77646C21.6204 8.81173 20.8117 9.62038 19.7765 9.89778C19.395 10 18.93 10 18 10M6 4H3.5C3.03406 4 2.80109 4 2.61732 4.07612C2.37229 4.17761 2.17761 4.37229 2.07612 4.61732C2 4.80109 2 5.03406 2 5.5V6C2 6.92997 2 7.39496 2.10222 7.77646C2.37962 8.81173 3.18827 9.62038 4.22354 9.89778C4.60504 10 5.07003 10 6 10M7.44445 22H16.5556C16.801 22 17 21.801 17 21.5556C17 19.5919 15.4081 18 13.4444 18H10.5556C8.59188 18 7 19.5919 7 21.5556C7 21.801 7.19899 22 7.44445 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

                    <div class="site-nav-sub__text-content">
                      <span class="site-nav-sub__title">Playoffs</span>

                      <span class="site-nav-sub__description">
                        Join creative challenges and show your skills
                      </span>
                    </div>
                  </div>
                </a>
              </li>

              <li class="site-nav-sub__item">
                <a href="https://help.dribbble.com" class="site-nav-sub__link site-nav-sub__link--bold">
                  <div class="site-nav-sub__content-wrapper">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
<path d="M9.08997 8.99999C9.32507 8.33166 9.78912 7.7681 10.3999 7.40912C11.0107 7.05015 11.7289 6.91893 12.4271 7.0387C13.1254 7.15848 13.7588 7.52151 14.215 8.06352C14.6713 8.60552 14.921 9.29151 14.92 9.99999C14.92 12 11.92 13 11.92 13M12 17H12.01M3 7.94145V16.0586C3 16.4012 3 16.5725 3.05048 16.7253C3.09515 16.8605 3.16816 16.9846 3.26463 17.0893C3.37369 17.2076 3.52345 17.2908 3.82297 17.4572L11.223 21.5683C11.5066 21.7259 11.6484 21.8047 11.7985 21.8355C11.9315 21.8629 12.0685 21.8629 12.2015 21.8355C12.3516 21.8047 12.4934 21.7259 12.777 21.5683L20.177 17.4572C20.4766 17.2908 20.6263 17.2076 20.7354 17.0893C20.8318 16.9846 20.9049 16.8605 20.9495 16.7253C21 16.5725 21 16.4012 21 16.0586V7.94145C21 7.5988 21 7.42748 20.9495 7.27468C20.9049 7.13951 20.8318 7.01542 20.7354 6.91073C20.6263 6.7924 20.4766 6.7092 20.177 6.54279L12.777 2.43168C12.4934 2.27412 12.3516 2.19535 12.2015 2.16446C12.0685 2.13713 11.9315 2.13713 11.7985 2.16446C11.6484 2.19535 11.5066 2.27412 11.223 2.43168L3.82297 6.54279C3.52345 6.7092 3.37369 6.7924 3.26463 6.91073C3.16816 7.01542 3.09515 7.13951 3.05048 7.27468C3 7.42748 3 7.5988 3 7.94145Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

                    <div class="site-nav-sub__text-content">
                      <span class="site-nav-sub__title">Help Center</span>

                      <span class="site-nav-sub__description">
                        Get quick answers and learn how to use Dribbble
                      </span>
                    </div>
                  </div>
                </a>
              </li>

              <span class="site-nav-sub__divider"></span>

              <div class="site-nav-sub__learn-more">
                <span>Follow Us</span>

                <div class="site-nav-sub__social-links">

                  <a href="https://instagram.com/dribbble" class="site-footer__social-link" target="_blank" rel="noreferrer">
                    <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" aria-hidden="true" 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="https://x.com/dribbble" class="site-footer__social-link" target="_blank" rel="noreferrer">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" role="img" aria-hidden="true" class="icon "><path d="M9.492 6.773 15.32 0h-1.379L8.88 5.883 4.836 0H.176l6.113 8.895L.176 16h1.379l5.347-6.21L11.168 16h4.664Zm-1.89 2.2L6.98 8.09 2.055 1.04h2.12l3.977 5.687.618.886 5.171 7.395h-2.12Zm0 0" style="stroke:none;fill-rule:nonzero;fill:#1a1a1a;fill-opacity:1"></path></svg>
                    <span class="accessibility-text">X</span>
                  </a>

                  <a href="https://www.pinterest.com/dribbble/" class="site-footer__social-link" target="_blank" rel="noreferrer">
                    <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="a1c2yz9e5bop45frvyo1pvu2zugao6j5" role="img" viewBox="0 0 24 24" aria-hidden="true" class="icon "><title id="a1c2yz9e5bop45frvyo1pvu2zugao6j5">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>

                  <a href="https://www.youtube.com/dribbble/" class="site-footer__social-link" target="_blank" rel="noreferrer">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" class="icon ">
<path d="M15.5638 4.18665C15.382 3.50663 14.8464 2.97097 14.1663 2.7892C12.9338 2.45885 7.99102 2.45885 7.99102 2.45885C7.99102 2.45885 3.04823 2.45885 1.81569 2.7892C1.13567 2.97097 0.600013 3.50663 0.418241 4.18665C0.0878906 5.41918 0.0878906 7.99103 0.0878906 7.99103C0.0878906 7.99103 0.0878906 10.5629 0.418241 11.7954C0.600013 12.4754 1.13567 13.0111 1.81569 13.1929C3.04823 13.5232 7.99102 13.5232 7.99102 13.5232C7.99102 13.5232 12.9338 13.5232 14.1663 13.1929C14.8464 13.0111 15.382 12.4754 15.5638 11.7954C15.8941 10.5629 15.8941 7.99103 15.8941 7.99103C15.8941 7.99103 15.8941 5.41918 15.5638 4.18665ZM6.41039 10.362V5.6201L10.5169 7.99103L6.41039 10.362Z" fill="currentColor"></path>
</svg>
                    <span class="accessibility-text">Youtube</span>
                  </a>

                  <a href="https://www.tiktok.com/@dribbble.com" class="site-footer__social-link" target="_blank" rel="noreferrer">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" class="icon ">
<path d="M12.8809 3.70813C12.7796 3.6558 12.6811 3.59843 12.5856 3.53625C12.3078 3.35264 12.0532 3.1363 11.8271 2.89188C11.2615 2.24469 11.0503 1.58813 10.9724 1.12844H10.9756C10.9106 0.746875 10.9374 0.5 10.9415 0.5H8.36525V10.4619C8.36525 10.5956 8.36526 10.7278 8.35963 10.8584C8.35963 10.8747 8.35807 10.8897 8.35713 10.9072C8.35713 10.9144 8.35713 10.9219 8.35557 10.9294C8.35557 10.9312 8.35557 10.9331 8.35557 10.935C8.32841 11.2924 8.21383 11.6377 8.02191 11.9405C7.82999 12.2432 7.56661 12.4942 7.25494 12.6713C6.93011 12.856 6.56272 12.953 6.189 12.9525C4.98869 12.9525 4.01588 11.9738 4.01588 10.765C4.01588 9.55625 4.98869 8.5775 6.189 8.5775C6.41622 8.57729 6.64203 8.61304 6.85807 8.68344L6.86119 6.06031C6.20537 5.9756 5.5391 6.02772 4.90443 6.21339C4.26976 6.39906 3.68046 6.71424 3.17369 7.13906C2.72965 7.52488 2.35634 7.98522 2.07057 8.49938C1.96182 8.68688 1.5515 9.44031 1.50182 10.6631C1.47057 11.3572 1.679 12.0763 1.77838 12.3734V12.3797C1.84088 12.5547 2.08307 13.1519 2.47775 13.6553C2.79602 14.0591 3.17203 14.4139 3.59369 14.7081V14.7019L3.59994 14.7081C4.84713 15.5556 6.22994 15.5 6.22994 15.5C6.46932 15.4903 7.27119 15.5 8.18182 15.0684C9.19182 14.59 9.76682 13.8772 9.76682 13.8772C10.1342 13.4513 10.4263 12.9659 10.6306 12.4419C10.8637 11.8291 10.9415 11.0941 10.9415 10.8003V5.51531C10.9728 5.53406 11.389 5.80937 11.389 5.80937C11.389 5.80937 11.9887 6.19375 12.9243 6.44406C13.5956 6.62219 14.4999 6.65969 14.4999 6.65969V4.10219C14.1831 4.13656 13.5396 4.03656 12.8809 3.70813Z" fill="currentColor"></path>
</svg>
                    <span class="accessibility-text">TikTok</span>
                  </a>

                  <a href="https://threads.com/dribbble" class="site-footer__social-link" target="_blank" rel="noreferrer">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" class="icon ">
<path d="M11.7948 7.41569C11.7259 7.38266 11.6559 7.35087 11.585 7.32043C11.4615 5.04485 10.218 3.74208 8.1302 3.72875C8.12074 3.72869 8.11133 3.72869 8.10187 3.72869C6.85307 3.72869 5.81447 4.26174 5.17521 5.23173L6.32346 6.0194C6.80101 5.29486 7.55047 5.1404 8.10242 5.1404C8.1088 5.1404 8.1152 5.1404 8.12151 5.14046C8.80896 5.14484 9.32771 5.34472 9.66346 5.7345C9.90779 6.01828 10.0712 6.41042 10.1521 6.90532C9.54262 6.80173 8.88346 6.76987 8.17879 6.81027C6.19377 6.92462 4.91763 8.08233 5.00334 9.691C5.04683 10.507 5.45335 11.209 6.14796 11.6676C6.73524 12.0553 7.49162 12.2448 8.27773 12.2019C9.31587 12.145 10.1303 11.7489 10.6985 11.0247C11.13 10.4747 11.4029 9.76192 11.5234 8.86383C12.0181 9.16242 12.3848 9.55533 12.5873 10.0277C12.9316 10.8306 12.9517 12.15 11.8751 13.2257C10.9319 14.168 9.79804 14.5757 8.0845 14.5883C6.18372 14.5742 4.74619 13.9646 3.81155 12.7764C2.93633 11.6638 2.48402 10.0568 2.46714 8C2.48402 5.94315 2.93633 4.33613 3.81155 3.22356C4.74619 2.03541 6.1837 1.42583 8.08447 1.41171C9.99904 1.42594 11.4616 2.03845 12.432 3.23233C12.9079 3.8178 13.2666 4.55407 13.5031 5.41253L14.8487 5.05352C14.562 3.99685 14.111 3.08631 13.4971 2.33117C12.253 0.800557 10.4335 0.0162623 8.08917 0H8.07978C5.74017 0.0162058 3.94105 0.803483 2.7324 2.33994C1.65687 3.7072 1.10207 5.60964 1.08343 7.99438L1.08337 8L1.08343 8.00563C1.10207 10.3903 1.65687 12.2928 2.7324 13.6601C3.94105 15.1965 5.74017 15.9838 8.07978 16H8.08917C10.1692 15.9856 11.6354 15.441 12.8432 14.2343C14.4235 12.6555 14.3759 10.6766 13.855 9.46175C13.4814 8.59058 12.769 7.88302 11.7948 7.41569ZM8.20342 10.7923C7.33342 10.8413 6.42957 10.4508 6.38501 9.61433C6.35197 8.99417 6.82636 8.30217 8.25681 8.21973C8.42062 8.21028 8.58137 8.20567 8.73929 8.20567C9.25887 8.20567 9.74496 8.25614 10.1869 8.35275C10.022 10.4113 9.05521 10.7455 8.20342 10.7923Z" fill="currentColor"></path>
</svg>
                    <span class="accessibility-text">Threads</span>
                  </a>
                </div>
              </div>
            </ul>
          </li>


            <li class="site-nav-main__item site-nav-medium-screens-only">
              <a href="/instantmatch" class="site-nav-main__link site-nav-main__link--pink">Start Project Brief</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" aria-hidden="true" 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="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          </button>
        </div>

        <a href="/signups/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">
  <div class="notice-content"></div>
</div>



  <div
  class="announcements"
  data-announcements
>
  <div class="announcements__container" data-screens>
      <div
        class="announcements__item"
        current
        data-announcement="/announcements/6081/view"
        data-announcement-id="6081"
      >
            <img class="announcements__icon" width="20" height="20" src="https://cdn.dribbble.com/assets/announcements/tag-2x-3c27404f54c5caf05d40115b6aae1ccac1163241756e184accbb2fbd3fcb98f2.png" />

        <p><span><p>Get 20% off your first payment for design and development services on Dribbble.  Use code WELCOME20 🎉</p></span></p>

          <a
            href="https://dribbble.com/instantmatch"
            target="_blank"
            class="btn2 btn2--x-small btn2--tertiary announcements__cta-btn"
          >
            Get Started
          </a>
      </div>

    <button
      class="announcements__close-btn"
      data-announcements-close
      aria-label="close"
    >
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M6.34314 4.22183C5.75736 3.63604 4.80761 3.63604 4.22182 4.22183C3.63604 4.80761 3.63604 5.75736 4.22182 6.34315L9.87868 12L4.22182 17.6569C3.63604 18.2426 3.63604 19.1924 4.22182 19.7782C4.80761 20.364 5.75736 20.364 6.34314 19.7782L12 14.1213L17.6569 19.7782C18.2426 20.364 19.1924 20.364 19.7782 19.7782C20.364 19.1924 20.364 18.2426 19.7782 17.6569L14.1213 12L19.7782 6.34315C20.364 5.75736 20.364 4.80761 19.7782 4.22183C19.1924 3.63604 18.2426 3.63604 17.6569 4.22183L12 9.87868L6.34314 4.22183Z" fill="currentColor"></path>
</svg>
    </button>
  </div>
</div>


<div class="notice-alert">
  <div data-alert-message><!-- message goes here --></div>

  <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="wrap">
  
    













    <div class="filter-subnav container-fluid">
  <div class="filter-subnav-inner flex flex-row items-center justify-between">
    <div class="filter-views js-shot-views" data-view="popular">
      <span class="btn-dropdown btn-dropdown-neue">
        <a class="form-btn outlined btn-dropdown-link btn-dropdown-link--small" data-track-sub-nav href="#">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon btn-dropdown-caret">
<path d="M21.5265 8.77171C22.1578 8.13764 22.1578 7.10962 21.5265 6.47555C20.8951 5.84148 19.8714 5.84148 19.24 6.47555L11.9999 13.7465L4.75996 6.47573C4.12858 5.84166 3.10492 5.84166 2.47354 6.47573C1.84215 7.10979 1.84215 8.13782 2.47354 8.77188L10.8332 17.1671C10.8408 17.1751 10.8486 17.183 10.8565 17.1909C11.0636 17.399 11.313 17.5388 11.577 17.6103C11.5834 17.6121 11.5899 17.6138 11.5964 17.6154C12.132 17.7536 12.7242 17.6122 13.1435 17.1911C13.1539 17.1807 13.1641 17.1702 13.1742 17.1596L21.5265 8.77171Z"></path>
</svg>
          <span data-test="filter-active-shot-view">Popular</span>
        </a>
        <div class="btn-dropdown-options">
          <ul>
            <li class="popular active" id="popular-btn">
              <a data-track-view="Popular" href="/shots/popular">Popular</a>
            </li>
            <li class="" id="recent-btn">
              <a data-track-view="New &amp; Noteworthy" href="/shots/recent">New &amp; Noteworthy</a>
            </li>
          </ul>
        </div>
      </span>
    </div>

      <div class="filter-categories js-filter-categories js-shot-categories">
        <span class="scroll scroll-backward"><a class="d-none" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
<path d="M21.5265 8.77171C22.1578 8.13764 22.1578 7.10962 21.5265 6.47555C20.8951 5.84148 19.8714 5.84148 19.24 6.47555L11.9999 13.7465L4.75996 6.47573C4.12858 5.84166 3.10492 5.84166 2.47354 6.47573C1.84215 7.10979 1.84215 8.13782 2.47354 8.77188L10.8332 17.1671C10.8408 17.1751 10.8486 17.183 10.8565 17.1909C11.0636 17.399 11.313 17.5388 11.577 17.6103C11.5834 17.6121 11.5899 17.6138 11.5964 17.6154C12.132 17.7536 12.7242 17.6122 13.1435 17.1911C13.1539 17.1807 13.1641 17.1702 13.1742 17.1596L21.5265 8.77171Z"></path>
</svg></a></span>
        <span class="scroll scroll-forward"><a class="d-none" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
<path d="M21.5265 8.77171C22.1578 8.13764 22.1578 7.10962 21.5265 6.47555C20.8951 5.84148 19.8714 5.84148 19.24 6.47555L11.9999 13.7465L4.75996 6.47573C4.12858 5.84166 3.10492 5.84166 2.47354 6.47573C1.84215 7.10979 1.84215 8.13782 2.47354 8.77188L10.8332 17.1671C10.8408 17.1751 10.8486 17.183 10.8565 17.1909C11.0636 17.399 11.313 17.5388 11.577 17.6103C11.5834 17.6121 11.5899 17.6138 11.5964 17.6154C12.132 17.7536 12.7242 17.6122 13.1435 17.1911C13.1539 17.1807 13.1641 17.1702 13.1742 17.1596L21.5265 8.77171Z"></path>
</svg></a></span>
        <ul>
          <li class="category active">
            <a title="Discover" data-param="category" data-track-sub-nav="true" href="/shots/popular/">Discover</a>
          </li>
            <li class="category ">
              <a title="Animation" data-param="category" data-value="animation" data-track-sub-nav="true" data-context="search-filters" href="/shots/popular/animation">Animation</a>
            </li>
            <li class="category ">
              <a title="Branding" data-param="category" data-value="branding" data-track-sub-nav="true" data-context="search-filters" href="/shots/popular/branding">Branding</a>
            </li>
            <li class="category ">
              <a title="Illustration" data-param="category" data-value="illustration" data-track-sub-nav="true" data-context="search-filters" href="/shots/popular/illustration">Illustration</a>
            </li>
            <li class="category ">
              <a title="Mobile" data-param="category" data-value="mobile" data-track-sub-nav="true" data-context="search-filters" href="/shots/popular/mobile">Mobile</a>
            </li>
            <li class="category ">
              <a title="Print" data-param="category" data-value="print" data-track-sub-nav="true" data-context="search-filters" href="/shots/popular/print">Print</a>
            </li>
            <li class="category ">
              <a title="Product Design" data-param="category" data-value="product-design" data-track-sub-nav="true" data-context="search-filters" href="/shots/popular/product-design">Product Design</a>
            </li>
            <li class="category ">
              <a title="Typography" data-param="category" data-value="typography" data-track-sub-nav="true" data-context="search-filters" href="/shots/popular/typography">Typography</a>
            </li>
            <li class="category ">
              <a title="Web Design" data-param="category" data-value="web-design" data-track-sub-nav="true" data-context="search-filters" href="/shots/popular/web-design">Web Design</a>
            </li>
        </ul>
      </div>

    <div class="filter-settings js-shot-settings">
      <a class="form-btn outlined tertiary filters-toggle-btn " data-name="Filters" data-track-sub-nav="true" data-context="search-filters" href="#">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon filter-icon icon-14">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 6C0 5.17157 0.671573 4.5 1.5 4.5H22.5C23.3284 4.5 24 5.17157 24 6C24 6.82843 23.3284 7.5 22.5 7.5H1.5C0.671573 7.5 0 6.82843 0 6ZM3 12C3 11.1716 3.67157 10.5 4.5 10.5H19.5C20.3284 10.5 21 11.1716 21 12C21 12.8284 20.3284 13.5 19.5 13.5H4.5C3.67157 13.5 3 12.8284 3 12ZM7.5 16.5C6.67157 16.5 6 17.1716 6 18C6 18.8284 6.67157 19.5 7.5 19.5H16.5C17.3284 19.5 18 18.8284 18 18C18 17.1716 17.3284 16.5 16.5 16.5H7.5Z"></path>
</svg>
        <span class="meatball"></span>
        <span class="label" title="Filters">Filters</span>
</a>    </div>
  </div>

  
<div class="shot-filters   ">
  <form class="gen-form with-messages shot-filters-form flex-ns" action="/shots" accept-charset="UTF-8" method="get">
    <fieldset class="find-shots-tag">
      <a class="clear-filter d-none" data-param="tag" href="/shots/filters">Clear</a>
      <label>Tags</label>
      <div class="input-with-icon">
        <input type="search" name="tag" id="tag" value="" data-name="Tag" data-track-filter="true" />
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" class="icon ">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6002 12.0498C9.49758 12.8568 8.13777 13.3333 6.66667 13.3333C2.98477 13.3333 0 10.3486 0 6.66667C0 2.98477 2.98477 0 6.66667 0C10.3486 0 13.3333 2.98477 13.3333 6.66667C13.3333 8.15637 12.8447 9.53194 12.019 10.6419C12.0265 10.6489 12.0338 10.656 12.0411 10.6633L15.2935 13.9157C15.6841 14.3063 15.6841 14.9394 15.2935 15.33C14.903 15.7205 14.2699 15.7205 13.8793 15.33L10.6269 12.0775C10.6178 12.0684 10.6089 12.0592 10.6002 12.0498ZM11.3333 6.66667C11.3333 9.244 9.244 11.3333 6.66667 11.3333C4.08934 11.3333 2 9.244 2 6.66667C2 4.08934 4.08934 2 6.66667 2C9.244 2 11.3333 4.08934 11.3333 6.66667Z"></path>
</svg>
      </div>
    </fieldset>

    <fieldset class="find-shots-color lazyload " data-include="css:https://cdn.dribbble.com/assets/color-browse-c50be48e39e0355efa86b397ba4bf0a5342fcd81cea7d092ab1638af84759ddb.css">
      <a class="clear-filter d-none" data-param="color" href="/shots/filters">Clear</a>
      <label>Color</label>
      <div class="input-with-icon">
        <input type="search" name="color" id="color" placeholder="Enter hex or select" autocomplete="off" maxlength="7" pattern="[a-fA-F\d]+" data-name="Color" data-track-filter="true" />
        <div class="color-swatch"></div>
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none" role="img" aria-hidden="true" class="icon ">
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="21">
<circle cx="10" cy="10.5" r="10" fill="#C4C4C4"></circle>
</mask>
<g mask="url(#mask0)">
<rect x="10" y="0.5" width="10" height="20" fill="#3A8BBB"></rect>
<path d="M20 4.5L10 -2.5V10.5L20 4.5Z" fill="#00B6E3"></path>
<path d="M20 16.5L10 24.5V10.5L20 16.5Z" fill="#C142A0"></path>
<path d="M0 0.5H10V10.5L0 16.5V0.5Z" fill="#FCC870"></path>
<path d="M-7 0.5H10V10.5L-7 0.5Z" fill="#EF875B"></path>
<path d="M0 16.5L10 24.5V10.5L0 16.5Z" fill="#FF5555"></path>
</g>
<circle cx="10" cy="10.5" r="3" fill="#F5F6F7"></circle>
</svg>
      </div>
      <div class="btn-dropdown-options">
        <ul class="color-chips group">
            <li class="color ">
              <a id="color-faddd1" style="background-color: #faddd1; border-radius: 0px;" href="?color=faddd1">#faddd1</a>
            </li>
            <li class="color ">
              <a id="color-fad3d1" style="background-color: #fad3d1; border-radius: 0px;" href="?color=fad3d1">#fad3d1</a>
            </li>
            <li class="color ">
              <a id="color-fad1e6" style="background-color: #fad1e6; border-radius: 0px;" href="?color=fad1e6">#fad1e6</a>
            </li>
            <li class="color ">
              <a id="color-e5d1fa" style="background-color: #e5d1fa; border-radius: 0px;" href="?color=e5d1fa">#e5d1fa</a>
            </li>
            <li class="color ">
              <a id="color-d4d1fa" style="background-color: #d4d1fa; border-radius: 0px;" href="?color=d4d1fa">#d4d1fa</a>
            </li>
            <li class="color ">
              <a id="color-d1e3fa" style="background-color: #d1e3fa; border-radius: 0px;" href="?color=d1e3fa">#d1e3fa</a>
            </li>
            <li class="color ">
              <a id="color-d1f3fa" style="background-color: #d1f3fa; border-radius: 0px;" href="?color=d1f3fa">#d1f3fa</a>
            </li>
            <li class="color ">
              <a id="color-d1faf0" style="background-color: #d1faf0; border-radius: 0px;" href="?color=d1faf0">#d1faf0</a>
            </li>
            <li class="color ">
              <a id="color-d1fad7" style="background-color: #d1fad7; border-radius: 0px;" href="?color=d1fad7">#d1fad7</a>
            </li>
            <li class="color ">
              <a id="color-ebfad1" style="background-color: #ebfad1; border-radius: 0px;" href="?color=ebfad1">#ebfad1</a>
            </li>
            <li class="color ">
              <a id="color-faf9d1" style="background-color: #faf9d1; border-radius: 0px;" href="?color=faf9d1">#faf9d1</a>
            </li>
            <li class="color ">
              <a id="color-faefd1" style="background-color: #faefd1; border-radius: 0px;" href="?color=faefd1">#faefd1</a>
            </li>
            <li class="color ">
              <a id="color-fae6d1" style="background-color: #fae6d1; border-radius: 0px;" href="?color=fae6d1">#fae6d1</a>
            </li>
            <li class="color ">
              <a id="color-f2e2d9" style="background-color: #f2e2d9; border-radius: 0px;" href="?color=f2e2d9">#f2e2d9</a>
            </li>
            <li class="color ">
              <a id="color-ffffff" style="background-color: #ffffff; border-radius: 0px;" href="?color=ffffff">#ffffff</a>
            </li>
            <li class="color ">
              <a id="color-f4b69c" style="background-color: #f4b69c; border-radius: 0px;" href="?color=f4b69c">#f4b69c</a>
            </li>
            <li class="color ">
              <a id="color-f4a09c" style="background-color: #f4a09c; border-radius: 0px;" href="?color=f4a09c">#f4a09c</a>
            </li>
            <li class="color ">
              <a id="color-f49cc8" style="background-color: #f49cc8; border-radius: 0px;" href="?color=f49cc8">#f49cc8</a>
            </li>
            <li class="color ">
              <a id="color-c69cf4" style="background-color: #c69cf4; border-radius: 0px;" href="?color=c69cf4">#c69cf4</a>
            </li>
            <li class="color ">
              <a id="color-a39cf4" style="background-color: #a39cf4; border-radius: 0px;" href="?color=a39cf4">#a39cf4</a>
            </li>
            <li class="color ">
              <a id="color-9cc2f4" style="background-color: #9cc2f4; border-radius: 0px;" href="?color=9cc2f4">#9cc2f4</a>
            </li>
            <li class="color ">
              <a id="color-9ce5f4" style="background-color: #9ce5f4; border-radius: 0px;" href="?color=9ce5f4">#9ce5f4</a>
            </li>
            <li class="color ">
              <a id="color-9cf4df" style="background-color: #9cf4df; border-radius: 0px;" href="?color=9cf4df">#9cf4df</a>
            </li>
            <li class="color ">
              <a id="color-9cf4a7" style="background-color: #9cf4a7; border-radius: 0px;" href="?color=9cf4a7">#9cf4a7</a>
            </li>
            <li class="color ">
              <a id="color-d4f49c" style="background-color: #d4f49c; border-radius: 0px;" href="?color=d4f49c">#d4f49c</a>
            </li>
            <li class="color ">
              <a id="color-f4f19c" style="background-color: #f4f19c; border-radius: 0px;" href="?color=f4f19c">#f4f19c</a>
            </li>
            <li class="color ">
              <a id="color-f4dc9c" style="background-color: #f4dc9c; border-radius: 0px;" href="?color=f4dc9c">#f4dc9c</a>
            </li>
            <li class="color ">
              <a id="color-f4c89c" style="background-color: #f4c89c; border-radius: 0px;" href="?color=f4c89c">#f4c89c</a>
            </li>
            <li class="color ">
              <a id="color-e3c0ac" style="background-color: #e3c0ac; border-radius: 0px;" href="?color=e3c0ac">#e3c0ac</a>
            </li>
            <li class="color ">
              <a id="color-e4e4e4" style="background-color: #e4e4e4; border-radius: 0px;" href="?color=e4e4e4">#e4e4e4</a>
            </li>
            <li class="color ">
              <a id="color-ee8f66" style="background-color: #ee8f66; border-radius: 0px;" href="?color=ee8f66">#ee8f66</a>
            </li>
            <li class="color ">
              <a id="color-ee6d66" style="background-color: #ee6d66; border-radius: 0px;" href="?color=ee6d66">#ee6d66</a>
            </li>
            <li class="color ">
              <a id="color-ee66aa" style="background-color: #ee66aa; border-radius: 0px;" href="?color=ee66aa">#ee66aa</a>
            </li>
            <li class="color ">
              <a id="color-a866ee" style="background-color: #a866ee; border-radius: 0px;" href="?color=a866ee">#a866ee</a>
            </li>
            <li class="color ">
              <a id="color-7166ee" style="background-color: #7166ee; border-radius: 0px;" href="?color=7166ee">#7166ee</a>
            </li>
            <li class="color ">
              <a id="color-66a1ee" style="background-color: #66a1ee; border-radius: 0px;" href="?color=66a1ee">#66a1ee</a>
            </li>
            <li class="color ">
              <a id="color-66d7ee" style="background-color: #66d7ee; border-radius: 0px;" href="?color=66d7ee">#66d7ee</a>
            </li>
            <li class="color ">
              <a id="color-66eece" style="background-color: #66eece; border-radius: 0px;" href="?color=66eece">#66eece</a>
            </li>
            <li class="color ">
              <a id="color-66ee78" style="background-color: #66ee78; border-radius: 0px;" href="?color=66ee78">#66ee78</a>
            </li>
            <li class="color ">
              <a id="color-bcee66" style="background-color: #bcee66; border-radius: 0px;" href="?color=bcee66">#bcee66</a>
            </li>
            <li class="color ">
              <a id="color-eee966" style="background-color: #eee966; border-radius: 0px;" href="?color=eee966">#eee966</a>
            </li>
            <li class="color ">
              <a id="color-eeca66" style="background-color: #eeca66; border-radius: 0px;" href="?color=eeca66">#eeca66</a>
            </li>
            <li class="color ">
              <a id="color-eeaa66" style="background-color: #eeaa66; border-radius: 0px;" href="?color=eeaa66">#eeaa66</a>
            </li>
            <li class="color ">
              <a id="color-d59f80" style="background-color: #d59f80; border-radius: 0px;" href="?color=d59f80">#d59f80</a>
            </li>
            <li class="color ">
              <a id="color-b4b4b4" style="background-color: #b4b4b4; border-radius: 0px;" href="?color=b4b4b4">#b4b4b4</a>
            </li>
            <li class="color ">
              <a id="color-e86830" style="background-color: #e86830; border-radius: 0px;" href="?color=e86830">#e86830</a>
            </li>
            <li class="color ">
              <a id="color-e83a30" style="background-color: #e83a30; border-radius: 0px;" href="?color=e83a30">#e83a30</a>
            </li>
            <li class="color ">
              <a id="color-e8308c" style="background-color: #e8308c; border-radius: 0px;" href="?color=e8308c">#e8308c</a>
            </li>
            <li class="color ">
              <a id="color-8930e8" style="background-color: #8930e8; border-radius: 0px;" href="?color=8930e8">#8930e8</a>
            </li>
            <li class="color ">
              <a id="color-4030e8" style="background-color: #4030e8; border-radius: 0px;" href="?color=4030e8">#4030e8</a>
            </li>
            <li class="color ">
              <a id="color-3080e8" style="background-color: #3080e8; border-radius: 0px;" href="?color=3080e8">#3080e8</a>
            </li>
            <li class="color ">
              <a id="color-30c9e8" style="background-color: #30c9e8; border-radius: 0px;" href="?color=30c9e8">#30c9e8</a>
            </li>
            <li class="color ">
              <a id="color-30e8bd" style="background-color: #30e8bd; border-radius: 0px;" href="?color=30e8bd">#30e8bd</a>
            </li>
            <li class="color ">
              <a id="color-30e849" style="background-color: #30e849; border-radius: 0px;" href="?color=30e849">#30e849</a>
            </li>
            <li class="color ">
              <a id="color-a5e830" style="background-color: #a5e830; border-radius: 0px;" href="?color=a5e830">#a5e830</a>
            </li>
            <li class="color ">
              <a id="color-e8e230" style="background-color: #e8e230; border-radius: 0px;" href="?color=e8e230">#e8e230</a>
            </li>
            <li class="color ">
              <a id="color-e8b730" style="background-color: #e8b730; border-radius: 0px;" href="?color=e8b730">#e8b730</a>
            </li>
            <li class="color ">
              <a id="color-e88c30" style="background-color: #e88c30; border-radius: 0px;" href="?color=e88c30">#e88c30</a>
            </li>
            <li class="color ">
              <a id="color-c67d53" style="background-color: #c67d53; border-radius: 0px;" href="?color=c67d53">#c67d53</a>
            </li>
            <li class="color ">
              <a id="color-848484" style="background-color: #848484; border-radius: 0px;" href="?color=848484">#848484</a>
            </li>
            <li class="color ">
              <a id="color-c74b16" style="background-color: #c74b16; border-radius: 0px;" href="?color=c74b16">#c74b16</a>
            </li>
            <li class="color ">
              <a id="color-c71f16" style="background-color: #c71f16; border-radius: 0px;" href="?color=c71f16">#c71f16</a>
            </li>
            <li class="color ">
              <a id="color-c7166f" style="background-color: #c7166f; border-radius: 0px;" href="?color=c7166f">#c7166f</a>
            </li>
            <li class="color ">
              <a id="color-6c16c7" style="background-color: #6c16c7; border-radius: 0px;" href="?color=6c16c7">#6c16c7</a>
            </li>
            <li class="color ">
              <a id="color-2516c7" style="background-color: #2516c7; border-radius: 0px;" href="?color=2516c7">#2516c7</a>
            </li>
            <li class="color ">
              <a id="color-1663c7" style="background-color: #1663c7; border-radius: 0px;" href="?color=1663c7">#1663c7</a>
            </li>
            <li class="color ">
              <a id="color-16a9c7" style="background-color: #16a9c7; border-radius: 0px;" href="?color=16a9c7">#16a9c7</a>
            </li>
            <li class="color ">
              <a id="color-16c79e" style="background-color: #16c79e; border-radius: 0px;" href="?color=16c79e">#16c79e</a>
            </li>
            <li class="color ">
              <a id="color-16c72e" style="background-color: #16c72e; border-radius: 0px;" href="?color=16c72e">#16c72e</a>
            </li>
            <li class="color ">
              <a id="color-86c716" style="background-color: #86c716; border-radius: 0px;" href="?color=86c716">#86c716</a>
            </li>
            <li class="color ">
              <a id="color-c7c116" style="background-color: #c7c116; border-radius: 0px;" href="?color=c7c116">#c7c116</a>
            </li>
            <li class="color ">
              <a id="color-c79816" style="background-color: #c79816; border-radius: 0px;" href="?color=c79816">#c79816</a>
            </li>
            <li class="color ">
              <a id="color-c76f16" style="background-color: #c76f16; border-radius: 0px;" href="?color=c76f16">#c76f16</a>
            </li>
            <li class="color ">
              <a id="color-a66037" style="background-color: #a66037; border-radius: 0px;" href="?color=a66037">#a66037</a>
            </li>
            <li class="color ">
              <a id="color-545454" style="background-color: #545454; border-radius: 0px;" href="?color=545454">#545454</a>
            </li>
            <li class="color ">
              <a id="color-913710" style="background-color: #913710; border-radius: 0px;" href="?color=913710">#913710</a>
            </li>
            <li class="color ">
              <a id="color-911710" style="background-color: #911710; border-radius: 0px;" href="?color=911710">#911710</a>
            </li>
            <li class="color ">
              <a id="color-911051" style="background-color: #911051; border-radius: 0px;" href="?color=911051">#911051</a>
            </li>
            <li class="color ">
              <a id="color-4f1091" style="background-color: #4f1091; border-radius: 0px;" href="?color=4f1091">#4f1091</a>
            </li>
            <li class="color ">
              <a id="color-1b1091" style="background-color: #1b1091; border-radius: 0px;" href="?color=1b1091">#1b1091</a>
            </li>
            <li class="color ">
              <a id="color-104891" style="background-color: #104891; border-radius: 0px;" href="?color=104891">#104891</a>
            </li>
            <li class="color ">
              <a id="color-107c91" style="background-color: #107c91; border-radius: 0px;" href="?color=107c91">#107c91</a>
            </li>
            <li class="color ">
              <a id="color-109173" style="background-color: #109173; border-radius: 0px;" href="?color=109173">#109173</a>
            </li>
            <li class="color ">
              <a id="color-109121" style="background-color: #109121; border-radius: 0px;" href="?color=109121">#109121</a>
            </li>
            <li class="color ">
              <a id="color-629110" style="background-color: #629110; border-radius: 0px;" href="?color=629110">#629110</a>
            </li>
            <li class="color ">
              <a id="color-918d10" style="background-color: #918d10; border-radius: 0px;" href="?color=918d10">#918d10</a>
            </li>
            <li class="color ">
              <a id="color-916f10" style="background-color: #916f10; border-radius: 0px;" href="?color=916f10">#916f10</a>
            </li>
            <li class="color ">
              <a id="color-915110" style="background-color: #915110; border-radius: 0px;" href="?color=915110">#915110</a>
            </li>
            <li class="color ">
              <a id="color-794628" style="background-color: #794628; border-radius: 0px;" href="?color=794628">#794628</a>
            </li>
            <li class="color ">
              <a id="color-242424" style="background-color: #242424; border-radius: 0px;" href="?color=242424">#242424</a>
            </li>
            <li class="color ">
              <a id="color-5c230a" style="background-color: #5c230a; border-radius: 0px;" href="?color=5c230a">#5c230a</a>
            </li>
            <li class="color ">
              <a id="color-5c0e0a" style="background-color: #5c0e0a; border-radius: 0px;" href="?color=5c0e0a">#5c0e0a</a>
            </li>
            <li class="color ">
              <a id="color-5c0a33" style="background-color: #5c0a33; border-radius: 0px;" href="?color=5c0a33">#5c0a33</a>
            </li>
            <li class="color ">
              <a id="color-320a5c" style="background-color: #320a5c; border-radius: 0px;" href="?color=320a5c">#320a5c</a>
            </li>
            <li class="color ">
              <a id="color-110a5c" style="background-color: #110a5c; border-radius: 0px;" href="?color=110a5c">#110a5c</a>
            </li>
            <li class="color ">
              <a id="color-0a2e5c" style="background-color: #0a2e5c; border-radius: 0px;" href="?color=0a2e5c">#0a2e5c</a>
            </li>
            <li class="color ">
              <a id="color-0a4e5c" style="background-color: #0a4e5c; border-radius: 0px;" href="?color=0a4e5c">#0a4e5c</a>
            </li>
            <li class="color ">
              <a id="color-0a5c49" style="background-color: #0a5c49; border-radius: 0px;" href="?color=0a5c49">#0a5c49</a>
            </li>
            <li class="color ">
              <a id="color-0a5c15" style="background-color: #0a5c15; border-radius: 0px;" href="?color=0a5c15">#0a5c15</a>
            </li>
            <li class="color ">
              <a id="color-3e5c0a" style="background-color: #3e5c0a; border-radius: 0px;" href="?color=3e5c0a">#3e5c0a</a>
            </li>
            <li class="color ">
              <a id="color-5c590a" style="background-color: #5c590a; border-radius: 0px;" href="?color=5c590a">#5c590a</a>
            </li>
            <li class="color ">
              <a id="color-5c460a" style="background-color: #5c460a; border-radius: 0px;" href="?color=5c460a">#5c460a</a>
            </li>
            <li class="color ">
              <a id="color-5c330a" style="background-color: #5c330a; border-radius: 0px;" href="?color=5c330a">#5c330a</a>
            </li>
            <li class="color ">
              <a id="color-4d2c19" style="background-color: #4d2c19; border-radius: 0px;" href="?color=4d2c19">#4d2c19</a>
            </li>
            <li class="color ">
              <a id="color-000000" style="background-color: #000000; border-radius: 0px;" href="?color=000000">#000000</a>
            </li>
        </ul>
      </div>
    </fieldset>
      <fieldset class="find-shots-timeframe">
        <input type="hidden" name="timeframe" id="timeframe" value="" class="filter-timeframe" autocomplete="off" />
        <a class="clear-filter d-none" data-param="timeframe" href="/shots/filters">Clear</a>
        <label>Timeframe</label>
        <span class="btn-dropdown btn-dropdown-neue">
          <a class="form-btn outlined btn-dropdown-link" href="#" data-name="Timeframe" data-track-filter>
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon btn-dropdown-caret">
<path d="M21.5265 8.77171C22.1578 8.13764 22.1578 7.10962 21.5265 6.47555C20.8951 5.84148 19.8714 5.84148 19.24 6.47555L11.9999 13.7465L4.75996 6.47573C4.12858 5.84166 3.10492 5.84166 2.47354 6.47573C1.84215 7.10979 1.84215 8.13782 2.47354 8.77188L10.8332 17.1671C10.8408 17.1751 10.8486 17.183 10.8565 17.1909C11.0636 17.399 11.313 17.5388 11.577 17.6103C11.5834 17.6121 11.5899 17.6138 11.5964 17.6154C12.132 17.7536 12.7242 17.6122 13.1435 17.1911C13.1539 17.1807 13.1641 17.1702 13.1742 17.1596L21.5265 8.77171Z"></path>
</svg>
            <span data-prompt="Now" data-fade-default="true">
              Now
            </span>
          </a>
          <div class="btn-dropdown-options sets-querystring">
            <ul>
              <li class="default-filter-option active">
                <a href="?timeframe=">
                  Now
</a>              </li>
              <li data-value="week" class="timeframe-week "><a href="?timeframe=week">This Past Week</a></li>
              <li data-value="month" class="timeframe-month "><a href="?timeframe=month">This Past Month</a></li>
              <li data-value="year" class="timeframe-year "><a href="?timeframe=year">This Past Year</a></li>
              <li data-value="ever" class="timeframe-all-time "><a href="?timeframe=ever">All Time</a></li>
              <li data-value="now" class="d-none timeframe-now "><a href="?timeframe=now">Now</a></li>
            </ul>
          </div>
        </span>
      </fieldset>
</form></div>

</div>


  

  <div id="wrap-inner" class="flushed">
    <div id="content" role="main">
      



  <link rel="stylesheet" href="https://cdn.dribbble.com/assets/infinite-shots-pages/async-0e4288eb44a00666a21946c83b5310a70b6f2676e8ddebcee3416cb053b9dae4.css" media="print" onload="this.media='all'">
  <noscript><link rel="stylesheet" href="https://cdn.dribbble.com/assets/infinite-shots-pages/async-0e4288eb44a00666a21946c83b5310a70b6f2676e8ddebcee3416cb053b9dae4.css"></noscript>




  <div id="main" class="main-full">
      

<ol class="js-thumbnail-grid shots-grid group dribbbles  container-fluid">
    
<li
  id="screenshot-27811968" data-thumbnail-id="27811968"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #EFEFF0"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49326451/file/eff7dbe1daaed2778ca93ac3b19716c0.jpg?resize=400x0" alt="Loopie – AI Creative Platform Branding ai ai platform brand brand identity branding concept creative design visual identity">
  </noscript>
    <img alt="Loopie – AI Creative Platform Branding ai ai platform brand brand identity branding concept creative design visual identity" fetchpriority="high" srcset="https://cdn.dribbble.com/userupload/49326451/file/eff7dbe1daaed2778ca93ac3b19716c0.jpg?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49326451/file/eff7dbe1daaed2778ca93ac3b19716c0.jpg?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49326451/file/eff7dbe1daaed2778ca93ac3b19716c0.jpg?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49326451/file/eff7dbe1daaed2778ca93ac3b19716c0.jpg?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49326451/file/eff7dbe1daaed2778ca93ac3b19716c0.jpg?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49326451/file/eff7dbe1daaed2778ca93ac3b19716c0.jpg?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49326451/file/eff7dbe1daaed2778ca93ac3b19716c0.jpg?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49326451/file/eff7dbe1daaed2778ca93ac3b19716c0.jpg?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49326451/file/eff7dbe1daaed2778ca93ac3b19716c0.jpg?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" src="https://cdn.dribbble.com/userupload/49326451/file/eff7dbe1daaed2778ca93ac3b19716c0.jpg?format=webp&amp;resize=400x300&amp;vertical=center" />
</figure>


    <div class="shot-thumbnail-extras">


      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" data-shot-thumbnail-link="27811968" href="/shots/27811968-Loopie-AI-Creative-Platform-Branding">
        <span class="accessibility-text">View Loopie – AI Creative Platform Branding</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              Loopie – AI Creative Platform Branding
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="14095940" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27811968"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="14095940" href="/batowebagency">
            <img class="photo lazyload" alt="Bato" width="24" height="24" data-src="https://cdn.dribbble.com/users/14095940/avatars/small/e584c0a059b6c7c4f4c23852153e5521.png?1669730203" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">Bato</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--dark pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO

    <span class="pro-badge__plus-character" aria-hidden="true">+</span>

      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27811968"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            169
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      5.7k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27811316" data-thumbnail-id="27811316"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #020005"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49324272/file/846a31e18ef8cfd5643489078c0fe22c.png?resize=400x0" alt="N letter mark for Nodal network logo design: nodes + connections chat collaboration communication connections cooperation flow flows fold folds folded internet letter mark monogram logo logo design n network nodal nodes server servers social wifi signal workplace teamwork">
  </noscript>
    <img alt="N letter mark for Nodal network logo design: nodes + connections chat collaboration communication connections cooperation flow flows fold folds folded internet letter mark monogram logo logo design n network nodal nodes server servers social wifi signal workplace teamwork" fetchpriority="high" srcset="https://cdn.dribbble.com/userupload/49324272/file/846a31e18ef8cfd5643489078c0fe22c.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49324272/file/846a31e18ef8cfd5643489078c0fe22c.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49324272/file/846a31e18ef8cfd5643489078c0fe22c.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49324272/file/846a31e18ef8cfd5643489078c0fe22c.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49324272/file/846a31e18ef8cfd5643489078c0fe22c.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49324272/file/846a31e18ef8cfd5643489078c0fe22c.png?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49324272/file/846a31e18ef8cfd5643489078c0fe22c.png?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49324272/file/846a31e18ef8cfd5643489078c0fe22c.png?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49324272/file/846a31e18ef8cfd5643489078c0fe22c.png?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" src="https://cdn.dribbble.com/userupload/49324272/file/846a31e18ef8cfd5643489078c0fe22c.png?format=webp&amp;resize=400x300&amp;vertical=center" />
</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" aria-hidden="true" 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-shot-thumbnail-link="27811316" href="/shots/27811316-N-letter-mark-for-Nodal-network-logo-design-nodes-connections">
        <span class="accessibility-text">View N letter mark for Nodal network logo design: nodes + connections</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              N letter mark for Nodal network logo design: nodes + connections
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="5976" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27811316"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="5976" href="/AlexTass">
            <img class="photo lazyload" alt="Alex Tass, logo designer" width="24" height="24" data-src="https://cdn.dribbble.com/users/5976/avatars/small/b386936f5bd2a840a64e23886f9e6f1d.jpg?1733293323" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">Alex Tass, logo designer</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--light pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO


      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27811316"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            48
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      5.8k
    </span>
  </div>
</div>

    </div>


</li>


<script>
  var newestShots = [{"id":27811968,"title":"Loopie – AI Creative Platform Branding","path":"/shots/27811968-Loopie-AI-Creative-Platform-Branding","published_at":"about 4 hours ago","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"5.7k","likes_count":"169","liked":null,"ga":[["batowebagency","G-5SFEF9X3NH"],["batowebagency","G-5SFEF9X3NH"]]},{"id":27811316,"title":"N letter mark for Nodal network logo design: nodes + connections","path":"/shots/27811316-N-letter-mark-for-Nodal-network-logo-design-nodes-connections","published_at":"about 6 hours ago","is_rebound":true,"rebounds_count":0,"attachments_count":0,"view_count":"5.8k","likes_count":"48","liked":null,"ga":[["AlexTass","G-ZPY6RVW749"]]}]

if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
  Dribbble.Shots.add(newestShots);
  Dribbble.TeaserStats.init(newestShots);

  Dribbble.Thumbnails.cursor = '1792042224.4416032';
}
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-27810392" data-thumbnail-id="27810392"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #EDEEF1"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49320315/file/3590f0c68c596c8ea96d54b90cc3bc9a.png?resize=400x0" alt="Technical Outerwear E-commerce Website Design - MADEFACT®️ apparel website art direction brutalism clothing brand clothing ecommerce ecommerce design ecommerce website design editorial web design fashion branding fashion design fashion ecommerce fashion website design landing page outdoor apparel outdoor clothing product photography product presentation technical outerwear web design website ui">
  </noscript>
    <img alt="Technical Outerwear E-commerce Website Design - MADEFACT®️ apparel website art direction brutalism clothing brand clothing ecommerce ecommerce design ecommerce website design editorial web design fashion branding fashion design fashion ecommerce fashion website design landing page outdoor apparel outdoor clothing product photography product presentation technical outerwear web design website ui" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49320315/file/3590f0c68c596c8ea96d54b90cc3bc9a.png?crop=0x0-4800x3600&amp;format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49320315/file/3590f0c68c596c8ea96d54b90cc3bc9a.png?crop=0x0-4800x3600&amp;format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49320315/file/3590f0c68c596c8ea96d54b90cc3bc9a.png?crop=0x0-4800x3600&amp;format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49320315/file/3590f0c68c596c8ea96d54b90cc3bc9a.png?crop=0x0-4800x3600&amp;format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49320315/file/3590f0c68c596c8ea96d54b90cc3bc9a.png?crop=0x0-4800x3600&amp;format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49320315/file/3590f0c68c596c8ea96d54b90cc3bc9a.png?crop=0x0-4800x3600&amp;format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49320315/file/3590f0c68c596c8ea96d54b90cc3bc9a.png?crop=0x0-4800x3600&amp;format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49320315/file/3590f0c68c596c8ea96d54b90cc3bc9a.png?crop=0x0-4800x3600&amp;format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49320315/file/3590f0c68c596c8ea96d54b90cc3bc9a.png?crop=0x0-4800x3600&amp;format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49320315/file/3590f0c68c596c8ea96d54b90cc3bc9a.png?crop=0x0-4800x3600&amp;format=webp&amp;resize=400x300&amp;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-shot-thumbnail-link="27810392" href="/shots/27810392-Technical-Outerwear-E-commerce-Website-Design-MADEFACT">
        <span class="accessibility-text">View Technical Outerwear E-commerce Website Design - MADEFACT®️</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              Technical Outerwear E-commerce Website Design - MADEFACT®️
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="1667332" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27810392"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="22193676" href="/oneweekwonders">
            <img class="photo lazyload" alt="One Week Wonders" width="24" height="24" data-src="https://cdn.dribbble.com/users/1667332/avatars/small/9cc7db271826b8cf27dbbe06f78eb145.png?1749636342" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">One Week Wonders</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--dark pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO

    <span class="pro-badge__plus-character" aria-hidden="true">+</span>

      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27810392"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            101
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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-27810175" data-thumbnail-id="27810175"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #0F0907"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49319534/file/78d29bb06e03a4a4e3dedd35c430e341.jpg?resize=400x0" alt="Premium Furniture Brand Identity Design - Le Friance art direction brand applications brand design brand identity design branding contemporary branding editorial design furniture brand furniture brand identity furniture branding graphic design home decor brand home decor branding interior branding interior design branding logo design visual direction visual identity">
  </noscript>
    <img alt="Premium Furniture Brand Identity Design - Le Friance art direction brand applications brand design brand identity design branding contemporary branding editorial design furniture brand furniture brand identity furniture branding graphic design home decor brand home decor branding interior branding interior design branding logo design visual direction visual identity" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49319534/file/78d29bb06e03a4a4e3dedd35c430e341.jpg?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49319534/file/78d29bb06e03a4a4e3dedd35c430e341.jpg?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49319534/file/78d29bb06e03a4a4e3dedd35c430e341.jpg?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49319534/file/78d29bb06e03a4a4e3dedd35c430e341.jpg?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49319534/file/78d29bb06e03a4a4e3dedd35c430e341.jpg?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49319534/file/78d29bb06e03a4a4e3dedd35c430e341.jpg?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49319534/file/78d29bb06e03a4a4e3dedd35c430e341.jpg?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49319534/file/78d29bb06e03a4a4e3dedd35c430e341.jpg?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49319534/file/78d29bb06e03a4a4e3dedd35c430e341.jpg?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49319534/file/78d29bb06e03a4a4e3dedd35c430e341.jpg?format=webp&amp;resize=400x300&amp;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" aria-hidden="true" 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-shot-thumbnail-link="27810175" href="/shots/27810175-Premium-Furniture-Brand-Identity-Design-Le-Friance">
        <span class="accessibility-text">View Premium Furniture Brand Identity Design - Le Friance</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              Premium Furniture Brand Identity Design - Le Friance
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="1667332" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27810175"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="1667332" href="/oneweekwonders">
            <img class="photo lazyload" alt="One Week Wonders" width="24" height="24" data-src="https://cdn.dribbble.com/users/1667332/avatars/small/9cc7db271826b8cf27dbbe06f78eb145.png?1749636342" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">One Week Wonders</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--dark pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO

    <span class="pro-badge__plus-character" aria-hidden="true">+</span>

      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27810175"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            59
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      7.9k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27812291" data-thumbnail-id="27812291"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #EBF4FA"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49327862/file/78638a69cee3fa8ce275cbc53192bdaf.jpg?resize=400x0" alt="Dataroit logo design ai analysis branding d d logo data design digital icon identity innovation logo logo design logo designer logotype modern logo overlap simple logo speed vector">
  </noscript>
    <img alt="Dataroit logo design ai analysis branding d d logo data design digital icon identity innovation logo logo design logo designer logotype modern logo overlap simple logo speed vector" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49327862/file/78638a69cee3fa8ce275cbc53192bdaf.jpg?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49327862/file/78638a69cee3fa8ce275cbc53192bdaf.jpg?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49327862/file/78638a69cee3fa8ce275cbc53192bdaf.jpg?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49327862/file/78638a69cee3fa8ce275cbc53192bdaf.jpg?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49327862/file/78638a69cee3fa8ce275cbc53192bdaf.jpg?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49327862/file/78638a69cee3fa8ce275cbc53192bdaf.jpg?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49327862/file/78638a69cee3fa8ce275cbc53192bdaf.jpg?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49327862/file/78638a69cee3fa8ce275cbc53192bdaf.jpg?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49327862/file/78638a69cee3fa8ce275cbc53192bdaf.jpg?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49327862/file/78638a69cee3fa8ce275cbc53192bdaf.jpg?format=webp&amp;resize=400x300&amp;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-shot-thumbnail-link="27812291" href="/shots/27812291-Dataroit-logo-design">
        <span class="accessibility-text">View Dataroit logo design</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              Dataroit logo design
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="28070831" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27812291"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="9862617" href="/144pstudio">
            <img class="photo lazyload" alt="144p Studio" width="24" height="24" data-src="https://cdn.dribbble.com/users/28070831/avatars/small/1b942ffa8409e196508937100f3f9dd6?1791363074" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">144p Studio</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--dark pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO

    <span class="pro-badge__plus-character" aria-hidden="true">+</span>

      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27812291"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            128
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      2.4k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27808452" data-thumbnail-id="27808452"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #F6F7F9"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49313655/file/5cf26b3765c81dfb4c9ba6449cf10eec.jpg?resize=400x0" alt="Fintech SaaS Landing Page Design b2b saas dashboard ui figma design finance dashboard financial analytics financial technology fintech fintech design landing page design modern website payment platform product design saas saas landing page saas website ui design ux design web design website design">
  </noscript>
    <img alt="Fintech SaaS Landing Page Design b2b saas dashboard ui figma design finance dashboard financial analytics financial technology fintech fintech design landing page design modern website payment platform product design saas saas landing page saas website ui design ux design web design website design" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49313655/file/5cf26b3765c81dfb4c9ba6449cf10eec.jpg?crop=0x0-3200x2400&amp;format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49313655/file/5cf26b3765c81dfb4c9ba6449cf10eec.jpg?crop=0x0-3200x2400&amp;format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49313655/file/5cf26b3765c81dfb4c9ba6449cf10eec.jpg?crop=0x0-3200x2400&amp;format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49313655/file/5cf26b3765c81dfb4c9ba6449cf10eec.jpg?crop=0x0-3200x2400&amp;format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49313655/file/5cf26b3765c81dfb4c9ba6449cf10eec.jpg?crop=0x0-3200x2400&amp;format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49313655/file/5cf26b3765c81dfb4c9ba6449cf10eec.jpg?crop=0x0-3200x2400&amp;format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49313655/file/5cf26b3765c81dfb4c9ba6449cf10eec.jpg?crop=0x0-3200x2400&amp;format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49313655/file/5cf26b3765c81dfb4c9ba6449cf10eec.jpg?crop=0x0-3200x2400&amp;format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49313655/file/5cf26b3765c81dfb4c9ba6449cf10eec.jpg?crop=0x0-3200x2400&amp;format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49313655/file/5cf26b3765c81dfb4c9ba6449cf10eec.jpg?crop=0x0-3200x2400&amp;format=webp&amp;resize=400x300&amp;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-shot-thumbnail-link="27808452" href="/shots/27808452-Fintech-SaaS-Landing-Page-Design">
        <span class="accessibility-text">View Fintech SaaS Landing Page Design</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              Fintech SaaS Landing Page Design
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="3818076" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27808452"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="3818076" href="/alrazisiam">
            <img class="photo lazyload" alt="Al Razi Siam" width="24" height="24" data-src="https://cdn.dribbble.com/users/3818076/avatars/small/4218cf5ff71f28aec4efa5eb4202bfb2?1790808882" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">Al Razi Siam</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--light pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO


      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27808452"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            168
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      3.8k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27796811" data-thumbnail-id="27796811"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble video"
      data-video-teaser-small="https://cdn.dribbble.com/userupload/49269215/file/small-3ffee9e1c5643b3efff61b28504c31d5.mp4"
      data-video-teaser-medium="https://cdn.dribbble.com/userupload/49269215/file/large-ccb608a4cd4df6bca8cd460e124a587c.mp4"
      data-video-teaser-large="https://cdn.dribbble.com/userupload/49269215/file/large-ccb608a4cd4df6bca8cd460e124a587c.mp4"
      data-video-teaser-original=""
>
      <figure
    style="background-color: #181810"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49269215/file/still-30a8d5e1fc132c752982dd709bfcd968.png?resize=400x0" alt="Health Website - Digital Care Platform animation app biotech website booking form clinic website digital health doctor website design health website healthcare post healthcare ui hero section homepage med spa website medical website design medspa website telemedicine website ui ui ux design web animation web design">
  </noscript>
    <img alt="Health Website - Digital Care Platform animation app biotech website booking form clinic website digital health doctor website design health website healthcare post healthcare ui hero section homepage med spa website medical website design medspa website telemedicine website ui ui ux design web animation web design" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49269215/file/still-30a8d5e1fc132c752982dd709bfcd968.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49269215/file/still-30a8d5e1fc132c752982dd709bfcd968.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49269215/file/still-30a8d5e1fc132c752982dd709bfcd968.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49269215/file/still-30a8d5e1fc132c752982dd709bfcd968.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49269215/file/still-30a8d5e1fc132c752982dd709bfcd968.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49269215/file/still-30a8d5e1fc132c752982dd709bfcd968.png?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49269215/file/still-30a8d5e1fc132c752982dd709bfcd968.png?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49269215/file/still-30a8d5e1fc132c752982dd709bfcd968.png?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49269215/file/still-30a8d5e1fc132c752982dd709bfcd968.png?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49269215/file/still-30a8d5e1fc132c752982dd709bfcd968.png?format=webp&amp;resize=400x300&amp;vertical=center" data-sizes="auto" data-animated-url="https://cdn.dribbble.com/userupload/49269215/file/dcda1c854fc313672eb29eab5b733ed0.mp4" 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/27796811-Health-Website-Digital-Care-Platform">
    <span class="accessibility-text">Shot Link</span>
</a>
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" data-shot-thumbnail-link="27796811" href="/shots/27796811-Health-Website-Digital-Care-Platform">
        <span class="accessibility-text">View Health Website - Digital Care Platform</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              Health Website - Digital Care Platform
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="4949363" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27796811"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="4949363" href="/ronasit">
            <img class="photo lazyload" alt="Ronas IT | UI/UX Team" width="24" height="24" data-src="https://cdn.dribbble.com/users/4949363/avatars/small/606bb85ee728fd3d78bbddf7e70b3901.jpg?1676454777" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">Ronas IT | UI/UX Team</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--dark pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO

    <span class="pro-badge__plus-character" aria-hidden="true">+</span>

      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27796811"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            156
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      7.2k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-25670420" data-thumbnail-id="25670420"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #F8F5F1"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/35329140/file/original-845919133c4547efa2d31042b2807ab4.png?resize=400x0" alt="sandow v3: AI Fitness &amp; Nutrition App | Pricing Card/Plan UI ai fitness app ai workout app clean coaching app figma ui kit fitness companion app fitness mobile app fitness ui kit minimal modern nutrition app orange personalized fitness pricing plan pricing table pricing ui smart fitness smart workout wellness app workout app">
  </noscript>
    <img alt="sandow v3: AI Fitness &amp; Nutrition App | Pricing Card/Plan UI ai fitness app ai workout app clean coaching app figma ui kit fitness companion app fitness mobile app fitness ui kit minimal modern nutrition app orange personalized fitness pricing plan pricing table pricing ui smart fitness smart workout wellness app workout app" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/35329140/file/original-845919133c4547efa2d31042b2807ab4.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/35329140/file/original-845919133c4547efa2d31042b2807ab4.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/35329140/file/original-845919133c4547efa2d31042b2807ab4.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/35329140/file/original-845919133c4547efa2d31042b2807ab4.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/35329140/file/original-845919133c4547efa2d31042b2807ab4.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/35329140/file/original-845919133c4547efa2d31042b2807ab4.png?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/35329140/file/original-845919133c4547efa2d31042b2807ab4.png?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/35329140/file/original-845919133c4547efa2d31042b2807ab4.png?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/35329140/file/original-845919133c4547efa2d31042b2807ab4.png?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/35329140/file/original-845919133c4547efa2d31042b2807ab4.png?format=webp&amp;resize=400x300&amp;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-shot-thumbnail-link="25670420" href="/shots/25670420-sandow-v3-AI-Fitness-Nutrition-App-Pricing-Card-Plan-UI">
        <span class="accessibility-text">View sandow v3: AI Fitness &amp; Nutrition App | Pricing Card/Plan UI</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              sandow v3: AI Fitness &amp; Nutrition App | Pricing Card/Plan UI
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="4764472" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="25670420"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="4764472" href="/strangehelix">
            <img class="photo lazyload" alt="strangehelix" width="24" height="24" data-src="https://cdn.dribbble.com/users/4764472/avatars/small/4e34be637dc12a1f5ebae984267b5d8c.png?1686467014" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">strangehelix</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--light pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO


      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="25670420"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            136
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      4.4k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27811667" data-thumbnail-id="27811667"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #FCF6EB"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49325471/file/440ceb1f263e7c6b8cc80f9804d49f43.png?resize=400x0" alt="bitta - healthy gummies logo and brand design brand branding candy chew fun gummies gummy health healthy identity logo logo design logo designer medicine moden multivitamin plant based sugar supplement vitamin">
  </noscript>
    <img alt="bitta - healthy gummies logo and brand design brand branding candy chew fun gummies gummy health healthy identity logo logo design logo designer medicine moden multivitamin plant based sugar supplement vitamin" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49325471/file/440ceb1f263e7c6b8cc80f9804d49f43.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49325471/file/440ceb1f263e7c6b8cc80f9804d49f43.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49325471/file/440ceb1f263e7c6b8cc80f9804d49f43.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49325471/file/440ceb1f263e7c6b8cc80f9804d49f43.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49325471/file/440ceb1f263e7c6b8cc80f9804d49f43.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49325471/file/440ceb1f263e7c6b8cc80f9804d49f43.png?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49325471/file/440ceb1f263e7c6b8cc80f9804d49f43.png?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49325471/file/440ceb1f263e7c6b8cc80f9804d49f43.png?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49325471/file/440ceb1f263e7c6b8cc80f9804d49f43.png?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49325471/file/440ceb1f263e7c6b8cc80f9804d49f43.png?format=webp&amp;resize=400x300&amp;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-shot-thumbnail-link="27811667" href="/shots/27811667-bitta-healthy-gummies-logo-and-brand-design">
        <span class="accessibility-text">View bitta - healthy gummies logo and brand design</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              bitta - healthy gummies logo and brand design
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="230290" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27811667"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="230290" href="/Aditya-Chhatrala">
            <img class="photo lazyload" alt="Aditya Chhatrala" width="24" height="24" data-src="https://cdn.dribbble.com/users/230290/avatars/small/96ae6a336c2438078625b22e202374b4.png?1672745166" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">Aditya Chhatrala</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--light pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO


      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27811667"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            22
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      2.8k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27811432" data-thumbnail-id="27811432"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #E0DEE9"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49324788/file/f20a40df06c48a8325887e238faa9e01.png?resize=400x0" alt="Logo design, z logo, monogram apparel brand branding classic logo clothing dress fashion garments lettermark line logo logo logo designer logo for sell logo mark logotype mark modern ready made logo unused z">
  </noscript>
    <img alt="Logo design, z logo, monogram apparel brand branding classic logo clothing dress fashion garments lettermark line logo logo logo designer logo for sell logo mark logotype mark modern ready made logo unused z" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49324788/file/f20a40df06c48a8325887e238faa9e01.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49324788/file/f20a40df06c48a8325887e238faa9e01.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49324788/file/f20a40df06c48a8325887e238faa9e01.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49324788/file/f20a40df06c48a8325887e238faa9e01.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49324788/file/f20a40df06c48a8325887e238faa9e01.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49324788/file/f20a40df06c48a8325887e238faa9e01.png?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49324788/file/f20a40df06c48a8325887e238faa9e01.png?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49324788/file/f20a40df06c48a8325887e238faa9e01.png?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49324788/file/f20a40df06c48a8325887e238faa9e01.png?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49324788/file/f20a40df06c48a8325887e238faa9e01.png?format=webp&amp;resize=400x300&amp;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-shot-thumbnail-link="27811432" href="/shots/27811432-Logo-design-z-logo-monogram">
        <span class="accessibility-text">View Logo design, z logo, monogram</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              Logo design, z logo, monogram
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="17595943" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27811432"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="17595943" href="/Ziko_creative">
            <img class="photo lazyload" alt="Zikospace " width="24" height="24" data-src="https://cdn.dribbble.com/users/17595943/avatars/small/262e754ca8f34c78dcc1c6803fd0f38b.png?1760364939" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">Zikospace </span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--light pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO


      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27811432"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            121
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      5.1k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27811292" data-thumbnail-id="27811292"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #F2F2F2"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49324176/file/218101a8c05a0ed8415bec1b27977a69.png?resize=400x0" alt="AgricAI – AI Tech for Plant Mobile App agriculture ai platform app design branding dashboard design mobile app monitoring dashboard plant saas ui ui design uiux">
  </noscript>
    <img alt="AgricAI – AI Tech for Plant Mobile App agriculture ai platform app design branding dashboard design mobile app monitoring dashboard plant saas ui ui design uiux" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49324176/file/218101a8c05a0ed8415bec1b27977a69.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49324176/file/218101a8c05a0ed8415bec1b27977a69.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49324176/file/218101a8c05a0ed8415bec1b27977a69.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49324176/file/218101a8c05a0ed8415bec1b27977a69.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49324176/file/218101a8c05a0ed8415bec1b27977a69.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49324176/file/218101a8c05a0ed8415bec1b27977a69.png?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49324176/file/218101a8c05a0ed8415bec1b27977a69.png?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49324176/file/218101a8c05a0ed8415bec1b27977a69.png?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49324176/file/218101a8c05a0ed8415bec1b27977a69.png?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49324176/file/218101a8c05a0ed8415bec1b27977a69.png?format=webp&amp;resize=400x300&amp;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-shot-thumbnail-link="27811292" href="/shots/27811292-AgricAI-AI-Tech-for-Plant-Mobile-App">
        <span class="accessibility-text">View AgricAI – AI Tech for Plant Mobile App</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              AgricAI – AI Tech for Plant Mobile App
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="970950" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27811292"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="970957" href="/plainthingstudio">
            <img class="photo lazyload" alt="Plainthing Studio" width="24" height="24" data-src="https://cdn.dribbble.com/users/970950/avatars/small/99e4a7b3bf179dd023d98ed24e0a8f32.png?1623907697" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">Plainthing Studio</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--dark pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO

    <span class="pro-badge__plus-character" aria-hidden="true">+</span>

      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27811292"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            82
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      8.9k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27810998" data-thumbnail-id="27810998"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble video"
      data-video-teaser-small="https://cdn.dribbble.com/userupload/49322726/file/small-94af253404dfbd53b2a182f90dcfe27a.mp4"
      data-video-teaser-medium="https://cdn.dribbble.com/userupload/49322726/file/large-50d22f3f6fc0097a58c823c626264a2a.mp4"
      data-video-teaser-large="https://cdn.dribbble.com/userupload/49322726/file/large-50d22f3f6fc0097a58c823c626264a2a.mp4"
      data-video-teaser-original=""
>
      <figure
    style="background-color: #040405"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49322726/file/still-79b72cff710f593e00582d885037e87e.png?resize=400x0" alt="Hermetica — Bento Social Media Identity 3d animation bento bitcoin blockchain branding crypto defi finance fintech identity illustration lepisov logo motion token ui web3">
  </noscript>
    <img alt="Hermetica — Bento Social Media Identity 3d animation bento bitcoin blockchain branding crypto defi finance fintech identity illustration lepisov logo motion token ui web3" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49322726/file/still-79b72cff710f593e00582d885037e87e.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49322726/file/still-79b72cff710f593e00582d885037e87e.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49322726/file/still-79b72cff710f593e00582d885037e87e.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49322726/file/still-79b72cff710f593e00582d885037e87e.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49322726/file/still-79b72cff710f593e00582d885037e87e.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49322726/file/still-79b72cff710f593e00582d885037e87e.png?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49322726/file/still-79b72cff710f593e00582d885037e87e.png?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49322726/file/still-79b72cff710f593e00582d885037e87e.png?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49322726/file/still-79b72cff710f593e00582d885037e87e.png?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49322726/file/still-79b72cff710f593e00582d885037e87e.png?format=webp&amp;resize=400x300&amp;vertical=center" data-sizes="auto" data-animated-url="https://cdn.dribbble.com/userupload/49322726/file/6e790ad119dc9b1d397abb9fbee787ad.mp4" 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/27810998-Hermetica-Bento-Social-Media-Identity">
    <span class="accessibility-text">Shot Link</span>
</a>
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" data-shot-thumbnail-link="27810998" href="/shots/27810998-Hermetica-Bento-Social-Media-Identity">
        <span class="accessibility-text">View Hermetica — Bento Social Media Identity</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              Hermetica — Bento Social Media Identity
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="3825057" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27810998"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="1139587" href="/lepisovbranding">
            <img class="photo lazyload" alt="Lepisov Branding" width="24" height="24" data-src="https://cdn.dribbble.com/users/3825057/avatars/small/e3d7cb6ed0671937f1a7226e2cc449f1.png?1581940719" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">Lepisov Branding</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--light pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO


      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27810998"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            20
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      1.2k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27810559" data-thumbnail-id="27810559"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #101010"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49321053/file/8855b6d6b9b8f6cb802beb46ad5401f9.png?resize=400x0" alt="AI Home Match Mobile App Design mobile mobile app mobile app design">
  </noscript>
    <img alt="AI Home Match Mobile App Design mobile mobile app mobile app design" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49321053/file/8855b6d6b9b8f6cb802beb46ad5401f9.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49321053/file/8855b6d6b9b8f6cb802beb46ad5401f9.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49321053/file/8855b6d6b9b8f6cb802beb46ad5401f9.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49321053/file/8855b6d6b9b8f6cb802beb46ad5401f9.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49321053/file/8855b6d6b9b8f6cb802beb46ad5401f9.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49321053/file/8855b6d6b9b8f6cb802beb46ad5401f9.png?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49321053/file/8855b6d6b9b8f6cb802beb46ad5401f9.png?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49321053/file/8855b6d6b9b8f6cb802beb46ad5401f9.png?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49321053/file/8855b6d6b9b8f6cb802beb46ad5401f9.png?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49321053/file/8855b6d6b9b8f6cb802beb46ad5401f9.png?format=webp&amp;resize=400x300&amp;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-shot-thumbnail-link="27810559" href="/shots/27810559-AI-Home-Match-Mobile-App-Design">
        <span class="accessibility-text">View AI Home Match Mobile App Design</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              AI Home Match Mobile App Design
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="1963775" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27810559"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="1963775" href="/Conceptzilla">
            <img class="photo lazyload" alt="Conceptzilla" width="24" height="24" data-src="https://cdn.dribbble.com/users/1963775/avatars/small/9064af06f08740a9c66b3c521d8778eb.png?1615560673" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">Conceptzilla</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--dark pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO

    <span class="pro-badge__plus-character" aria-hidden="true">+</span>

      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27810559"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            89
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      2.3k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27810828" data-thumbnail-id="27810828"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #020201"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49322035/file/44e8e1d71855bb0f02881e0fd70220aa.png?resize=400x0" alt="Leap: Crypto Swap and Market Order UI ai assistant app design bitcoin crypto app crypto swap crypto wallet dark mode dark ui finance app fintech ios app market order mobile app design portfolio price chart product design technical analysis trading app ui design ux design">
  </noscript>
    <img alt="Leap: Crypto Swap and Market Order UI ai assistant app design bitcoin crypto app crypto swap crypto wallet dark mode dark ui finance app fintech ios app market order mobile app design portfolio price chart product design technical analysis trading app ui design ux design" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49322035/file/44e8e1d71855bb0f02881e0fd70220aa.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49322035/file/44e8e1d71855bb0f02881e0fd70220aa.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49322035/file/44e8e1d71855bb0f02881e0fd70220aa.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49322035/file/44e8e1d71855bb0f02881e0fd70220aa.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49322035/file/44e8e1d71855bb0f02881e0fd70220aa.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49322035/file/44e8e1d71855bb0f02881e0fd70220aa.png?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49322035/file/44e8e1d71855bb0f02881e0fd70220aa.png?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49322035/file/44e8e1d71855bb0f02881e0fd70220aa.png?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49322035/file/44e8e1d71855bb0f02881e0fd70220aa.png?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49322035/file/44e8e1d71855bb0f02881e0fd70220aa.png?format=webp&amp;resize=400x300&amp;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" aria-hidden="true" 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-shot-thumbnail-link="27810828" href="/shots/27810828-Leap-Crypto-Swap-and-Market-Order-UI">
        <span class="accessibility-text">View Leap: Crypto Swap and Market Order UI</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              Leap: Crypto Swap and Market Order UI
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="24525048" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27810828"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="67904" href="/rhdesign1">
            <img class="photo lazyload" alt="rh.design" width="24" height="24" data-src="https://cdn.dribbble.com/users/24525048/avatars/small/99a7af6f32a18eaf2abf92c7292de659.png?1758608556" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">rh.design</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--light pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO


      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27810828"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            33
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      3.1k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27705583" data-thumbnail-id="27705583"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble video"
      data-video-teaser-small="https://cdn.dribbble.com/userupload/48927581/file/small-1671a67587616e3821cdc4f2706763a0.mp4"
      data-video-teaser-medium="https://cdn.dribbble.com/userupload/48927581/file/large-4c5eb57a0d50f2c1652885a6e831ce21.mp4"
      data-video-teaser-large="https://cdn.dribbble.com/userupload/48927581/file/large-4c5eb57a0d50f2c1652885a6e831ce21.mp4"
      data-video-teaser-original=""
>
      <figure
    style="background-color: #090B05"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/48927581/file/still-6af99c1a2d5c5a3f306af9626dee14c6.png?resize=400x0" alt="BioAxis - Gut Health &amp; Multivitamin Supplement Landing Page animation design service ecommerce website functional nutrition green supplement health and wellness health supplement healthcare website landing page nutrition brand nutrition website supplement brand supplement design supplement website vitamin design web design website design wellness wellness brand wellness website">
  </noscript>
    <img alt="BioAxis - Gut Health &amp; Multivitamin Supplement Landing Page animation design service ecommerce website functional nutrition green supplement health and wellness health supplement healthcare website landing page nutrition brand nutrition website supplement brand supplement design supplement website vitamin design web design website design wellness wellness brand wellness website" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/48927581/file/still-6af99c1a2d5c5a3f306af9626dee14c6.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/48927581/file/still-6af99c1a2d5c5a3f306af9626dee14c6.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/48927581/file/still-6af99c1a2d5c5a3f306af9626dee14c6.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/48927581/file/still-6af99c1a2d5c5a3f306af9626dee14c6.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/48927581/file/still-6af99c1a2d5c5a3f306af9626dee14c6.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/48927581/file/still-6af99c1a2d5c5a3f306af9626dee14c6.png?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/48927581/file/still-6af99c1a2d5c5a3f306af9626dee14c6.png?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/48927581/file/still-6af99c1a2d5c5a3f306af9626dee14c6.png?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/48927581/file/still-6af99c1a2d5c5a3f306af9626dee14c6.png?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/48927581/file/still-6af99c1a2d5c5a3f306af9626dee14c6.png?format=webp&amp;resize=400x300&amp;vertical=center" data-sizes="auto" data-animated-url="https://cdn.dribbble.com/userupload/48927581/file/7dddb94d5d5821f60e2236801ffdb050.mp4" 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/27705583-BioAxis-Gut-Health-Multivitamin-Supplement-Landing-Page">
    <span class="accessibility-text">Shot Link</span>
</a>
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" data-shot-thumbnail-link="27705583" href="/shots/27705583-BioAxis-Gut-Health-Multivitamin-Supplement-Landing-Page">
        <span class="accessibility-text">View BioAxis - Gut Health &amp; Multivitamin Supplement Landing Page</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              BioAxis - Gut Health &amp; Multivitamin Supplement Landing Page
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="9330674" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27705583"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="2064121" href="/rylicstudio">
            <img class="photo lazyload" alt="Rylic Studio" width="24" height="24" data-src="https://cdn.dribbble.com/users/9330674/avatars/small/c6bd664f1223205204b82a01bac778e5.jpg?1659527624" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">Rylic Studio</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--light pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO


      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27705583"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            74
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      5.8k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27812050" data-thumbnail-id="27812050"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #FFFFFF"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49326789/file/e4350254de0a0af771752ef53fd0c164.png?resize=400x0" alt="Nation N Flag Logo | A Bold New Era of AI Powered Commerce branding business citizen commerce creative digital geometry graphic design letter n logo minimal modern monogram saas shopify strategy symbol technology unity wave">
  </noscript>
    <img alt="Nation N Flag Logo | A Bold New Era of AI Powered Commerce branding business citizen commerce creative digital geometry graphic design letter n logo minimal modern monogram saas shopify strategy symbol technology unity wave" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49326789/file/e4350254de0a0af771752ef53fd0c164.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49326789/file/e4350254de0a0af771752ef53fd0c164.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49326789/file/e4350254de0a0af771752ef53fd0c164.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49326789/file/e4350254de0a0af771752ef53fd0c164.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49326789/file/e4350254de0a0af771752ef53fd0c164.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49326789/file/e4350254de0a0af771752ef53fd0c164.png?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49326789/file/e4350254de0a0af771752ef53fd0c164.png?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49326789/file/e4350254de0a0af771752ef53fd0c164.png?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49326789/file/e4350254de0a0af771752ef53fd0c164.png?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49326789/file/e4350254de0a0af771752ef53fd0c164.png?format=webp&amp;resize=400x300&amp;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-shot-thumbnail-link="27812050" href="/shots/27812050-Nation-N-Flag-Logo-A-Bold-New-Era-of-AI-Powered-Commerce">
        <span class="accessibility-text">View Nation N Flag Logo | A Bold New Era of AI Powered Commerce</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              Nation N Flag Logo | A Bold New Era of AI Powered Commerce
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="573008" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27812050"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="573008" href="/Dalibor_Pajic">
            <img class="photo lazyload" alt="Dalibor Pajic" width="24" height="24" data-src="https://cdn.dribbble.com/users/573008/avatars/small/12a07a293779432917139618cfb55027.png?1746542192" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">Dalibor Pajic</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--light pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO


      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27812050"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            25
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      1.2k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27811607" data-thumbnail-id="27811607"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #3E3E3E"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49325294/file/6d1ed0ff7bd03d74b7213a5fe983c52b.png?resize=400x0" alt="Logo for independent creative studio brand brand design brand designer branding branding design branding designer creative logo game studio game studio logo kraken logo logo design logo designer logodesign logodesigner logotype octopus octopus logo">
  </noscript>
    <img alt="Logo for independent creative studio brand brand design brand designer branding branding design branding designer creative logo game studio game studio logo kraken logo logo design logo designer logodesign logodesigner logotype octopus octopus logo" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49325294/file/6d1ed0ff7bd03d74b7213a5fe983c52b.png?crop=161x120-1439x1079&amp;format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49325294/file/6d1ed0ff7bd03d74b7213a5fe983c52b.png?crop=161x120-1439x1079&amp;format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49325294/file/6d1ed0ff7bd03d74b7213a5fe983c52b.png?crop=161x120-1439x1079&amp;format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49325294/file/6d1ed0ff7bd03d74b7213a5fe983c52b.png?crop=161x120-1439x1079&amp;format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49325294/file/6d1ed0ff7bd03d74b7213a5fe983c52b.png?crop=161x120-1439x1079&amp;format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49325294/file/6d1ed0ff7bd03d74b7213a5fe983c52b.png?crop=161x120-1439x1079&amp;format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49325294/file/6d1ed0ff7bd03d74b7213a5fe983c52b.png?crop=161x120-1439x1079&amp;format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49325294/file/6d1ed0ff7bd03d74b7213a5fe983c52b.png?crop=161x120-1439x1079&amp;format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49325294/file/6d1ed0ff7bd03d74b7213a5fe983c52b.png?crop=161x120-1439x1079&amp;format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49325294/file/6d1ed0ff7bd03d74b7213a5fe983c52b.png?crop=161x120-1439x1079&amp;format=webp&amp;resize=400x300&amp;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-shot-thumbnail-link="27811607" href="/shots/27811607-Logo-for-independent-creative-studio">
        <span class="accessibility-text">View Logo for independent creative studio</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              Logo for independent creative studio
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="1700393" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27811607"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="1700393" href="/AndriiKovalchuk">
            <img class="photo lazyload" alt="Andrii Kovalchuk 🇺🇦 Brand designer" width="24" height="24" data-src="https://cdn.dribbble.com/users/1700393/avatars/small/4321e40fb501ef264d3c9d9d996ad652.png?1698337873" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">Andrii Kovalchuk 🇺🇦 Brand designer</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--light pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO


      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27811607"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            27
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      2.4k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27812403" data-thumbnail-id="27812403"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #050505"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49328248/file/7f04df818c1bad38b04150b22a1adf9f.png?resize=400x0" alt="3D modelling tool UI 3d dark design gradient modelling platform product ui ux">
  </noscript>
    <img alt="3D modelling tool UI 3d dark design gradient modelling platform product ui ux" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49328248/file/7f04df818c1bad38b04150b22a1adf9f.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49328248/file/7f04df818c1bad38b04150b22a1adf9f.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49328248/file/7f04df818c1bad38b04150b22a1adf9f.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49328248/file/7f04df818c1bad38b04150b22a1adf9f.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49328248/file/7f04df818c1bad38b04150b22a1adf9f.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49328248/file/7f04df818c1bad38b04150b22a1adf9f.png?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49328248/file/7f04df818c1bad38b04150b22a1adf9f.png?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49328248/file/7f04df818c1bad38b04150b22a1adf9f.png?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49328248/file/7f04df818c1bad38b04150b22a1adf9f.png?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49328248/file/7f04df818c1bad38b04150b22a1adf9f.png?format=webp&amp;resize=400x300&amp;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-shot-thumbnail-link="27812403" href="/shots/27812403-3D-modelling-tool-UI">
        <span class="accessibility-text">View 3D modelling tool UI</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              3D modelling tool UI
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="17788124" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27812403"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="17788124" href="/mariadsgn">
            <img class="photo lazyload" alt="Maria M" width="24" height="24" data-src="https://cdn.dribbble.com/users/17788124/avatars/small/f896ff62e998769d7b6f32cda316a929.png?1753865841" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">Maria M</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--light pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO


      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27812403"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            58
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      878
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27810945" data-thumbnail-id="27810945"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble video"
      data-video-teaser-small="https://cdn.dribbble.com/userupload/49322542/file/small-f8b04b5c270c9299cde05fd6f97ad23e.mp4"
      data-video-teaser-medium="https://cdn.dribbble.com/userupload/49322542/file/large-a9f78574239602b0abaddbc271efe4f1.mp4"
      data-video-teaser-large="https://cdn.dribbble.com/userupload/49322542/file/large-a9f78574239602b0abaddbc271efe4f1.mp4"
      data-video-teaser-original=""
>
      <figure
    style="background-color: #141511"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49322542/file/still-5c40d9d8fdb9fd61af5fecef75c12a68.png?resize=400x0" alt="AI-powered Customer Growth Platform ai analytics website ai customer growth analyst audience intelligence website automation tools website b2b website campaign builder website crm website customer data website customer growth website customer segmentation website customer support website data website marketing automation website marketing website product design revenue analytics website saas website subscription website ui ux website design">
  </noscript>
    <img alt="AI-powered Customer Growth Platform ai analytics website ai customer growth analyst audience intelligence website automation tools website b2b website campaign builder website crm website customer data website customer growth website customer segmentation website customer support website data website marketing automation website marketing website product design revenue analytics website saas website subscription website ui ux website design" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49322542/file/still-5c40d9d8fdb9fd61af5fecef75c12a68.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49322542/file/still-5c40d9d8fdb9fd61af5fecef75c12a68.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49322542/file/still-5c40d9d8fdb9fd61af5fecef75c12a68.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49322542/file/still-5c40d9d8fdb9fd61af5fecef75c12a68.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49322542/file/still-5c40d9d8fdb9fd61af5fecef75c12a68.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49322542/file/still-5c40d9d8fdb9fd61af5fecef75c12a68.png?format=webp&amp;resize=800x600&amp;vertical=center 800w" data-src="https://cdn.dribbble.com/userupload/49322542/file/still-5c40d9d8fdb9fd61af5fecef75c12a68.png?format=webp&amp;resize=400x300&amp;vertical=center" data-sizes="auto" data-animated-url="https://cdn.dribbble.com/userupload/49322542/file/f14b881d5e2396f3f6213254dd72b539.mp4" 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/27810945-AI-powered-Customer-Growth-Platform">
    <span class="accessibility-text">Shot Link</span>
</a>
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" data-shot-thumbnail-link="27810945" href="/shots/27810945-AI-powered-Customer-Growth-Platform">
        <span class="accessibility-text">View AI-powered Customer Growth Platform</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              AI-powered Customer Growth Platform
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="20987418" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27810945"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="20987418" href="/eloqwnt_global">
            <img class="photo lazyload" alt="Eloqwnt" width="24" height="24" data-src="https://cdn.dribbble.com/users/20987418/avatars/small/d0fa63ab399d3d5bcf056f045ad6bf33.png?1715789336" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">Eloqwnt</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--dark pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO

    <span class="pro-badge__plus-character" aria-hidden="true">+</span>

      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27810945"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            112
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      5.8k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27797811" data-thumbnail-id="27797811"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #FDFDFD"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49273112/file/d62d1cddfb165a892afe533a7459b338.png?resize=400x0" alt="Agency Website Design agency agency website branding creative agency creative design digital agency figma hr rumen landing page modern website portfolio website ui ui design web design web design inspiration website design">
  </noscript>
    <img alt="Agency Website Design agency agency website branding creative agency creative design digital agency figma hr rumen landing page modern website portfolio website ui ui design web design web design inspiration website design" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49273112/file/d62d1cddfb165a892afe533a7459b338.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49273112/file/d62d1cddfb165a892afe533a7459b338.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49273112/file/d62d1cddfb165a892afe533a7459b338.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49273112/file/d62d1cddfb165a892afe533a7459b338.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49273112/file/d62d1cddfb165a892afe533a7459b338.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49273112/file/d62d1cddfb165a892afe533a7459b338.png?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49273112/file/d62d1cddfb165a892afe533a7459b338.png?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49273112/file/d62d1cddfb165a892afe533a7459b338.png?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49273112/file/d62d1cddfb165a892afe533a7459b338.png?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49273112/file/d62d1cddfb165a892afe533a7459b338.png?format=webp&amp;resize=400x300&amp;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-shot-thumbnail-link="27797811" href="/shots/27797811-Agency-Website-Design">
        <span class="accessibility-text">View Agency Website Design</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              Agency Website Design
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="6440544" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27797811"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="6440544" href="/uirumen">
            <img class="photo lazyload" alt="HR Rumen" width="24" height="24" data-src="https://cdn.dribbble.com/users/6440544/avatars/small/1457b8da0f654d1d90e716dfe275a8fa.png?1695142981" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">HR Rumen</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--light pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO


      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27797811"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            57
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      2k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27810232" data-thumbnail-id="27810232"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #555860"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49319719/file/a8df6f2bc03b47ae3fa7294cc41a3ac8.png?resize=400x0" alt="Michael Myers from Halloween adorable assasin blood cartoon character chibi creepy cute funny halloween horror illustration killer knife lovely mascot michael myers murderer scary spooky">
  </noscript>
    <img alt="Michael Myers from Halloween adorable assasin blood cartoon character chibi creepy cute funny halloween horror illustration killer knife lovely mascot michael myers murderer scary spooky" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49319719/file/a8df6f2bc03b47ae3fa7294cc41a3ac8.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49319719/file/a8df6f2bc03b47ae3fa7294cc41a3ac8.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49319719/file/a8df6f2bc03b47ae3fa7294cc41a3ac8.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49319719/file/a8df6f2bc03b47ae3fa7294cc41a3ac8.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49319719/file/a8df6f2bc03b47ae3fa7294cc41a3ac8.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49319719/file/a8df6f2bc03b47ae3fa7294cc41a3ac8.png?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49319719/file/a8df6f2bc03b47ae3fa7294cc41a3ac8.png?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49319719/file/a8df6f2bc03b47ae3fa7294cc41a3ac8.png?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49319719/file/a8df6f2bc03b47ae3fa7294cc41a3ac8.png?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49319719/file/a8df6f2bc03b47ae3fa7294cc41a3ac8.png?format=webp&amp;resize=400x300&amp;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-shot-thumbnail-link="27810232" href="/shots/27810232-Michael-Myers-from-Halloween">
        <span class="accessibility-text">View Michael Myers from Halloween</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              Michael Myers from Halloween
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="1044993" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27810232"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="1044993" href="/vaneltia">
            <img class="photo lazyload" alt="Alfrey Davilla | vaneltia" width="24" height="24" data-src="https://cdn.dribbble.com/users/1044993/avatars/small/ddcd16f3b4ae5853f8d144068d72576d.jpg?1452435136" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">Alfrey Davilla | vaneltia</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--light pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO


      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27810232"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            92
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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.9k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27811492" data-thumbnail-id="27811492"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #05050D"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49324969/file/737d53a9fe283220c8b833eb7559ef7e.png?resize=400x0" alt="Healthcare Website Design ai healthcare platform booking website design healthcare landing page healthcare website healthtech healthtech platform healthtech website hospital booking hospital website landing page medical clinic medical website product responsive web design web">
  </noscript>
    <img alt="Healthcare Website Design ai healthcare platform booking website design healthcare landing page healthcare website healthtech healthtech platform healthtech website hospital booking hospital website landing page medical clinic medical website product responsive web design web" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49324969/file/737d53a9fe283220c8b833eb7559ef7e.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49324969/file/737d53a9fe283220c8b833eb7559ef7e.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49324969/file/737d53a9fe283220c8b833eb7559ef7e.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49324969/file/737d53a9fe283220c8b833eb7559ef7e.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49324969/file/737d53a9fe283220c8b833eb7559ef7e.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49324969/file/737d53a9fe283220c8b833eb7559ef7e.png?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49324969/file/737d53a9fe283220c8b833eb7559ef7e.png?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49324969/file/737d53a9fe283220c8b833eb7559ef7e.png?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49324969/file/737d53a9fe283220c8b833eb7559ef7e.png?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49324969/file/737d53a9fe283220c8b833eb7559ef7e.png?format=webp&amp;resize=400x300&amp;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-shot-thumbnail-link="27811492" href="/shots/27811492-Healthcare-Website-Design">
        <span class="accessibility-text">View Healthcare Website Design</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              Healthcare Website Design
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="25709613" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27811492"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="19101102" href="/nexuxlab">
            <img class="photo lazyload" alt="NexUX Lab" width="24" height="24" data-src="https://cdn.dribbble.com/users/25709613/avatars/small/418fb9568ce9d55e33dc8b3cea5496b2.png?1781983010" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">NexUX Lab</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--light pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO


      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27811492"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            106
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      4.3k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27801478" data-thumbnail-id="27801478"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble "
>
      <figure
    style="background-color: #F1F2FB"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49288088/file/c8fb9ad7ba049f9fdad8bce8e28c6b4a.png?resize=400x0" alt="Calendar &amp; Scheduling Web App calendar collaboration management product design task ui webapp">
  </noscript>
    <img alt="Calendar &amp; Scheduling Web App calendar collaboration management product design task ui webapp" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49288088/file/c8fb9ad7ba049f9fdad8bce8e28c6b4a.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49288088/file/c8fb9ad7ba049f9fdad8bce8e28c6b4a.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49288088/file/c8fb9ad7ba049f9fdad8bce8e28c6b4a.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49288088/file/c8fb9ad7ba049f9fdad8bce8e28c6b4a.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49288088/file/c8fb9ad7ba049f9fdad8bce8e28c6b4a.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49288088/file/c8fb9ad7ba049f9fdad8bce8e28c6b4a.png?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49288088/file/c8fb9ad7ba049f9fdad8bce8e28c6b4a.png?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49288088/file/c8fb9ad7ba049f9fdad8bce8e28c6b4a.png?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49288088/file/c8fb9ad7ba049f9fdad8bce8e28c6b4a.png?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49288088/file/c8fb9ad7ba049f9fdad8bce8e28c6b4a.png?format=webp&amp;resize=400x300&amp;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-shot-thumbnail-link="27801478" href="/shots/27801478-Calendar-Scheduling-Web-App">
        <span class="accessibility-text">View Calendar &amp; Scheduling Web App</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              Calendar &amp; Scheduling Web App
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="10464510" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27801478"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="10464510" href="/hatypostudio">
            <img class="photo lazyload" alt="Hatypo Studio" width="24" height="24" data-src="https://cdn.dribbble.com/users/10464510/avatars/small/2da504c7be9549c01971d8ed468d7b46.png?1643369371" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">Hatypo Studio</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--dark pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO

    <span class="pro-badge__plus-character" aria-hidden="true">+</span>

      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27801478"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            115
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      4.8k
    </span>
  </div>
</div>

    </div>


</li>

<li
  id="screenshot-27810305" data-thumbnail-id="27810305"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container    "
  data-highlighted-shot-data=""
  data-boost-id=""
  data-is-boost-fallback=""
  data-request-source=""
  data-track-location="Shot"
    data-search-uuid="f56b30c8-7951-4a3a-acf5-50219c9d8310"
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble video"
      data-video-teaser-small="https://cdn.dribbble.com/userupload/49319988/file/small-5308d3cc0769a7128e8c01d9a3a353df.mp4"
      data-video-teaser-medium="https://cdn.dribbble.com/userupload/49319988/file/large-becae7f876e3eae108ea2d44c62c7c84.mp4"
      data-video-teaser-large="https://cdn.dribbble.com/userupload/49319988/file/large-becae7f876e3eae108ea2d44c62c7c84.mp4"
      data-video-teaser-original=""
>
      <figure
    style="background-color: #FBF4F7"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
    <img src="https://cdn.dribbble.com/userupload/49319988/file/still-367434d37a7de503928a155863dfbd8d.png?resize=400x0" alt="Proper Form Logo Teaser ai animation app ascii branding fitness gradient halftone health icon identity lepisov logo mobile motion physiotherapy recovery si sports">
  </noscript>
    <img alt="Proper Form Logo Teaser ai animation app ascii branding fitness gradient halftone health icon identity lepisov logo mobile motion physiotherapy recovery si sports" fetchpriority="auto" data-srcset="https://cdn.dribbble.com/userupload/49319988/file/still-367434d37a7de503928a155863dfbd8d.png?format=webp&amp;resize=320x240&amp;vertical=center 320w, https://cdn.dribbble.com/userupload/49319988/file/still-367434d37a7de503928a155863dfbd8d.png?format=webp&amp;resize=400x300&amp;vertical=center 400w, https://cdn.dribbble.com/userupload/49319988/file/still-367434d37a7de503928a155863dfbd8d.png?format=webp&amp;resize=450x338&amp;vertical=center 450w, https://cdn.dribbble.com/userupload/49319988/file/still-367434d37a7de503928a155863dfbd8d.png?format=webp&amp;resize=640x480&amp;vertical=center 640w, https://cdn.dribbble.com/userupload/49319988/file/still-367434d37a7de503928a155863dfbd8d.png?format=webp&amp;resize=700x525&amp;vertical=center 700w, https://cdn.dribbble.com/userupload/49319988/file/still-367434d37a7de503928a155863dfbd8d.png?format=webp&amp;resize=800x600&amp;vertical=center 800w, https://cdn.dribbble.com/userupload/49319988/file/still-367434d37a7de503928a155863dfbd8d.png?format=webp&amp;resize=840x630&amp;vertical=center 840w, https://cdn.dribbble.com/userupload/49319988/file/still-367434d37a7de503928a155863dfbd8d.png?format=webp&amp;resize=1000x750&amp;vertical=center 1000w, https://cdn.dribbble.com/userupload/49319988/file/still-367434d37a7de503928a155863dfbd8d.png?format=webp&amp;resize=1200x900&amp;vertical=center 1200w" data-src="https://cdn.dribbble.com/userupload/49319988/file/still-367434d37a7de503928a155863dfbd8d.png?format=webp&amp;resize=400x300&amp;vertical=center" data-sizes="auto" data-animated-url="https://cdn.dribbble.com/userupload/49319988/file/2aeb4a5972faa3b2e91648ace1be423a.mp4" 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/27810305-Proper-Form-Logo-Teaser">
    <span class="accessibility-text">Shot Link</span>
</a>
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" data-shot-thumbnail-link="27810305" href="/shots/27810305-Proper-Form-Logo-Teaser">
        <span class="accessibility-text">View Proper Form Logo Teaser</span>
</a>
    <div class="shot-thumbnail-overlay">

      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">
              Proper Form Logo Teaser
            </div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li class="shot-action">
                  


    <a title="Get in touch" class="btn2  btn2--secondary-alt btn2--circle message-user" data-message-dialog-button="" data-message-recipient="3825057" data-signup-trigger="true" data-href="/signups/new" data-context="message-user" href="/signups/new">
            <span aria-label="Get in touch">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H9.68375C9.0597 18 8.74767 18 8.44921 18.0613C8.18443 18.1156 7.9282 18.2055 7.68749 18.3285C7.41617 18.4671 7.17252 18.662 6.68521 19.0518L4.29976 20.9602C3.88367 21.2931 3.67563 21.4595 3.50054 21.4597C3.34827 21.4599 3.20422 21.3906 3.10923 21.2716C3 21.1348 3 20.8684 3 20.3355V7.8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </span>

</a>


  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>


                </li>

                <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="/signups/new" data-context="bucket-shot" href="/signups/new">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>

                <drb-shot-like
                  class="shot-action"
                  shot-id="27810305"
                  
                >
                  <button
                    class="btn2 btn2--secondary-alt btn2--circle like-shot"
                    aria-label="Like shot"
                  >
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
                  </button>
                </drb-shot-like>
            </ul>
      </div>
    </div>
</div>


    <div class="shot-details-container js-shot-details-container">
        <div class="user-information" data-uuid-passthrough>
          <a class="hover-card-parent hoverable url" rel="contact" data-search-profile-clicked="1139587" href="/lepisovbranding">
            <img class="photo lazyload" alt="Lepisov Branding" width="24" height="24" data-src="https://cdn.dribbble.com/users/3825057/avatars/small/e3d7cb6ed0671937f1a7226e2cc449f1.png?1581940719" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" />
            <span class="display-name">Lepisov Branding</span>
</a>
            



  <drb-tooltip
    mouse-only
    flip
    disabled
    style="--tooltip-text-align: center; --tooltip-font-size: 12px; --tooltip-line-height: 16px;"
  >
      <a
        href="/pro"
        class="pro-badge pro-badge--light pro-badge--normal margin-l-8"
        aria-label="Pro user"
      >
          PRO


      </a>

  </drb-tooltip>

        </div>
        <div class="shot-statistics-container js-shot-statistics">

    <div class="shot-statistic js-shot-likes-container">
        <drb-shot-like
          class="shot-action display-inline-flex align-center"
          shot-id="27810305"
          
        >
          <button
            class="text-button display-inline-flex"
            aria-label="Like shot"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" aria-hidden="true" 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>
          </button>

          <span class="color-deep-blue-sea-light-20 font-weight-500" data-shot-like-count>
            89
          </span>
        </drb-shot-like>
    </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" aria-hidden="true" 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">
      15.8k
    </span>
  </div>
</div>

    </div>


</li>


<script>
  var newestShots = [{"id":27810392,"title":"Technical Outerwear E-commerce Website Design - MADEFACT®️","path":"/shots/27810392-Technical-Outerwear-E-commerce-Website-Design-MADEFACT","published_at":"October 14, 2026","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"14k","likes_count":"101","liked":null,"ga":[["oneweekwonders","UA-182099151-1"]]},{"id":27810175,"title":"Premium Furniture Brand Identity Design - Le Friance","path":"/shots/27810175-Premium-Furniture-Brand-Identity-Design-Le-Friance","published_at":"about 5 hours ago","is_rebound":true,"rebounds_count":0,"attachments_count":0,"view_count":"7.9k","likes_count":"59","liked":null,"ga":[["oneweekwonders","UA-182099151-1"],["oneweekwonders","UA-182099151-1"]]},{"id":27812291,"title":"Dataroit logo design","path":"/shots/27812291-Dataroit-logo-design","published_at":"about 3 hours ago","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"2.4k","likes_count":"128","liked":null,"ga":[]},{"id":27808452,"title":"Fintech SaaS Landing Page Design","path":"/shots/27808452-Fintech-SaaS-Landing-Page-Design","published_at":"about 6 hours ago","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"3.8k","likes_count":"168","liked":null,"ga":[["alrazisiam","G-EFE3GFSMEQ"]]},{"id":27796811,"title":"Health Website - Digital Care Platform","path":"/shots/27796811-Health-Website-Digital-Care-Platform","published_at":"about 5 hours ago","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"7.2k","likes_count":"156","liked":null,"ga":[["ronasit","G-BLYZDTM7LP"],["ronasit","G-BLYZDTM7LP"]]},{"id":25670420,"title":"sandow v3: AI Fitness \u0026 Nutrition App | Pricing Card/Plan UI","path":"/shots/25670420-sandow-v3-AI-Fitness-Nutrition-App-Pricing-Card-Plan-UI","published_at":"October 14, 2026","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"4.4k","likes_count":"136","liked":null,"ga":[]},{"id":27811667,"title":"bitta - healthy gummies logo and brand design","path":"/shots/27811667-bitta-healthy-gummies-logo-and-brand-design","published_at":"about 5 hours ago","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"2.8k","likes_count":"22","liked":null,"ga":[]},{"id":27811432,"title":"Logo design, z logo, monogram","path":"/shots/27811432-Logo-design-z-logo-monogram","published_at":"about 7 hours ago","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"5.1k","likes_count":"121","liked":null,"ga":[]},{"id":27811292,"title":"AgricAI – AI Tech for Plant Mobile App","path":"/shots/27811292-AgricAI-AI-Tech-for-Plant-Mobile-App","published_at":"October 14, 2026","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"8.9k","likes_count":"82","liked":null,"ga":[]},{"id":27810998,"title":"Hermetica — Bento Social Media Identity","path":"/shots/27810998-Hermetica-Bento-Social-Media-Identity","published_at":"about 4 hours ago","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"1.2k","likes_count":"20","liked":null,"ga":[]},{"id":27810559,"title":"AI Home Match Mobile App Design","path":"/shots/27810559-AI-Home-Match-Mobile-App-Design","published_at":"about 4 hours ago","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"2.3k","likes_count":"89","liked":null,"ga":[["Conceptzilla","UA-259002346-1"]]},{"id":27810828,"title":"Leap: Crypto Swap and Market Order UI","path":"/shots/27810828-Leap-Crypto-Swap-and-Market-Order-UI","published_at":"about 5 hours ago","is_rebound":true,"rebounds_count":0,"attachments_count":0,"view_count":"3.1k","likes_count":"33","liked":null,"ga":[["rholesinsky","UA-125038116-1"]]},{"id":27705583,"title":"BioAxis - Gut Health \u0026 Multivitamin Supplement Landing Page","path":"/shots/27705583-BioAxis-Gut-Health-Multivitamin-Supplement-Landing-Page","published_at":"October 14, 2026","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"5.8k","likes_count":"74","liked":null,"ga":[]},{"id":27812050,"title":"Nation N Flag Logo | A Bold New Era of AI Powered Commerce","path":"/shots/27812050-Nation-N-Flag-Logo-A-Bold-New-Era-of-AI-Powered-Commerce","published_at":"about 4 hours ago","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"1.2k","likes_count":"25","liked":null,"ga":[["Dalibor_Pajic","UA-71325973-1"]]},{"id":27811607,"title":"Logo for independent creative studio","path":"/shots/27811607-Logo-for-independent-creative-studio","published_at":"about 6 hours ago","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"2.4k","likes_count":"27","liked":null,"ga":[]},{"id":27812403,"title":"3D modelling tool UI","path":"/shots/27812403-3D-modelling-tool-UI","published_at":"about 2 hours ago","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"878","likes_count":"58","liked":null,"ga":[]},{"id":27810945,"title":"AI-powered Customer Growth Platform","path":"/shots/27810945-AI-powered-Customer-Growth-Platform","published_at":"about 5 hours ago","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"5.8k","likes_count":"112","liked":null,"ga":[["eloqwnt_global","G-GGXW6N8G03"],["eloqwnt_global","G-GGXW6N8G03"]]},{"id":27797811,"title":"Agency Website Design","path":"/shots/27797811-Agency-Website-Design","published_at":"about 3 hours ago","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"2k","likes_count":"57","liked":null,"ga":[["uirumen","UA-235641065-1"]]},{"id":27810232,"title":"Michael Myers from Halloween","path":"/shots/27810232-Michael-Myers-from-Halloween","published_at":"October 14, 2026","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"22.9k","likes_count":"92","liked":null,"ga":[]},{"id":27811492,"title":"Healthcare Website Design","path":"/shots/27811492-Healthcare-Website-Design","published_at":"about 6 hours ago","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"4.3k","likes_count":"106","liked":null,"ga":[["nexuxlab","G-YS71DZKSDT"]]},{"id":27801478,"title":"Calendar \u0026 Scheduling Web App","path":"/shots/27801478-Calendar-Scheduling-Web-App","published_at":"October 14, 2026","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"4.8k","likes_count":"115","liked":null,"ga":[]},{"id":27810305,"title":"Proper Form Logo Teaser","path":"/shots/27810305-Proper-Form-Logo-Teaser","published_at":"October 14, 2026","is_rebound":null,"rebounds_count":0,"attachments_count":0,"view_count":"15.8k","likes_count":"89","liked":null,"ga":[]}]

if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
  Dribbble.Shots.add(newestShots);
  Dribbble.TeaserStats.init(newestShots);

  Dribbble.Thumbnails.cursor = '1791984746.2463539';
}
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="page">
  <div role="navigation" aria-label="Pagination" class="pagination"><span class="previous_page disabled" aria-label="Previous page">&larr; Prev</span> <a class="next_page" aria-label="Next page" rel="next" href="/shots?page=2">Next &rarr;</a></div>
</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="/signups/new" data-context="shots-load-more" href="/signups/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>







      
<template id="carbon-template">
  <li class="shot2-item carbon-item" data-carbon-item>
    <a
      class="shot2-item-thumbnail"
      data-carbon-item-link
    >
      <div class="carbon-item__media-container" data-carbon-item-media-container>
        <div class="carbon-item__background" data-carbon-item-background></div>
        <div class="carbon-item__bg-mask"></div>
        <img class="shot-thumbnail-image carbon-item__image" data-carbon-item-image alt="">

        <div class="carbon-item__content">
          <div class="carbon-item__brand">
            <img class="carbon-item__logo" data-carbon-item-logo alt="">
            <div class="carbon-item__tagline" data-carbon-item-tagline></div>
          </div>

          <div class="carbon-item__description" data-carbon-item-description></div>
        </div>

        <button type="button" class="carbon-item__cta" data-carbon-item-cta hidden></button>
      </div>

      <span class="accessibility-text" data-carbon-item-tagline></span>
    </a>

    <div class="carbon-item__details-container">
      <a target="_blank" href="/pro">Hide ads</a>
      <span class="carbon-item__divider">&#9679;</span>
      <a target="_blank" href="/advertise">Advertise</a>
    </div>

    <div class="carbon-item__pixels-container" data-carbon-item-pixels></div>
  </li>
</template>

  </div>

    </div>
  </div>
</div>

<hr />


<div id="footer" class="site-footer js-site-footer" data-site-footer role="contentinfo" >

  <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="/contact">Support</a></li>
        </ul>
        <div class="site-footer__social-links">
          <a href="http://x.com/dribbble" class="site-footer__social-link">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" role="img" aria-hidden="true" class="icon "><path d="M9.492 6.773 15.32 0h-1.379L8.88 5.883 4.836 0H.176l6.113 8.895L.176 16h1.379l5.347-6.21L11.168 16h4.664Zm-1.89 2.2L6.98 8.09 2.055 1.04h2.12l3.977 5.687.618.886 5.171 7.395h-2.12Zm0 0" style="stroke:none;fill-rule:nonzero;fill:#1a1a1a;fill-opacity:1"></path></svg>
            <span class="accessibility-text">X</span>
          </a>

          <a href="http://facebook.com/dribbble" class="site-footer__social-link">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" role="img" aria-hidden="true" class="icon ">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99997 0C12.4179 0 15.9999 3.58206 15.9999 8C15.9999 11.9938 13.0749 15.3036 9.24988 15.9032V10.313H11.114L11.4684 8L11.4684 8L9.24988 8V6.49923C9.24988 6.31267 9.27682 6.12738 9.34035 5.95886C9.46533 5.62736 9.73181 5.36105 10.2125 5.27706C10.3161 5.25896 10.4296 5.24933 10.5538 5.24933C10.5538 5.24933 10.5538 5.24933 10.5538 5.24933H11.5629V3.28055C11.5629 3.28055 11.5629 3.28055 11.5629 3.28055C11.5629 3.28055 10.6471 3.12418 9.77189 3.12418C9.77188 3.12418 9.77188 3.12417 9.77187 3.12417C9.70943 3.12417 9.64772 3.12547 9.58678 3.12805C7.99515 3.19538 6.92259 4.13904 6.7691 5.811C6.7565 5.94817 6.75008 6.09022 6.75008 6.2371V8H4.71831V10.313L4.71833 10.313L6.75008 10.313V15.9032C2.92504 15.3025 0 11.9927 0 8C0 3.58206 3.58204 0 7.99997 0Z"></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" aria-hidden="true" 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="a1c2yz9e5bop45frvyo1pvu2zugao6j5" role="img" viewBox="0 0 24 24" aria-hidden="true" class="icon "><title id="a1c2yz9e5bop45frvyo1pvu2zugao6j5">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>&copy; 2026 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="/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-98a7951ae1a412c449045bacd114a1378393c3bb32cfc94af7f17d56984786b5.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" aria-hidden="true" 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" aria-hidden="true" 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" aria-hidden="true" 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>

  
<template id="carbon-template">
  <li class="shot2-item carbon-item" data-carbon-item>
    <a
      class="shot2-item-thumbnail"
      data-carbon-item-link
    >
      <div class="carbon-item__media-container" data-carbon-item-media-container>
        <div class="carbon-item__background" data-carbon-item-background></div>
        <div class="carbon-item__bg-mask"></div>
        <img class="shot-thumbnail-image carbon-item__image" data-carbon-item-image alt="">

        <div class="carbon-item__content">
          <div class="carbon-item__brand">
            <img class="carbon-item__logo" data-carbon-item-logo alt="">
            <div class="carbon-item__tagline" data-carbon-item-tagline></div>
          </div>

          <div class="carbon-item__description" data-carbon-item-description></div>
        </div>

        <button type="button" class="carbon-item__cta" data-carbon-item-cta hidden></button>
      </div>

      <span class="accessibility-text" data-carbon-item-tagline></span>
    </a>

    <div class="carbon-item__details-container">
      <a target="_blank" href="/pro">Hide ads</a>
      <span class="carbon-item__divider">&#9679;</span>
      <a target="_blank" href="/advertise">Advertise</a>
    </div>

    <div class="carbon-item__pixels-container" data-carbon-item-pixels></div>
  </li>
</template>




<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" aria-hidden="true" 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>


  
  <div class="brief-floating-promo" data-brief-floating-promo>
    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none" role="img" aria-hidden="true" class="icon brief-floating-promo__icon">
<path d="M19.9818 11.1647V6.42118C19.9818 4.52359 19.9818 3.57479 19.5939 2.85001C19.2527 2.21247 18.7082 1.69414 18.0385 1.3693C17.2772 1 16.2805 1 14.2873 1H6.69454C4.70126 1 3.70463 1 2.9433 1.3693C2.27361 1.69414 1.72914 2.21247 1.38792 2.85001C1 3.57479 1 4.52359 1 6.42118V18.1671C1 20.0646 1 21.0134 1.38792 21.7382C1.72914 22.3758 2.27361 22.8941 2.9433 23.2189C3.70463 23.5882 4.70126 23.5882 6.69454 23.5882H10.4909M11.0841 11.1647H5.74545M6.93181 15.6824H5.74545M15.2363 6.64706H5.74545M14.7752 25V22.1765M14.8529 16.2471V13.4235M13.4033 14.8353H16.3025M13.3256 23.5882H16.2248M19.7815 13.9882L18.776 16.5344C18.6124 16.9485 18.5307 17.1555 18.4035 17.3296C18.2908 17.484 18.1524 17.6188 17.9939 17.7286C17.8151 17.8524 17.6025 17.932 17.1774 18.0913L14.563 19.0706L17.1774 20.0499C17.6025 20.2091 17.8151 20.2888 17.9939 20.4126C18.1524 20.5223 18.2908 20.6572 18.4035 20.8115C18.5307 20.9857 18.6124 21.1927 18.776 21.6068L19.7815 24.1529L20.787 21.6068C20.9505 21.1927 21.0323 20.9857 21.1594 20.8115C21.2721 20.6572 21.4106 20.5223 21.5691 20.4126C21.7479 20.2888 21.9605 20.2091 22.3856 20.0499L25 19.0706L22.3856 18.0913C21.9605 17.932 21.7479 17.8524 21.5691 17.7286C21.4106 17.6188 21.2721 17.484 21.1594 17.3297C21.0323 17.1555 20.9505 16.9485 20.787 16.5344L19.7815 13.9882Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

    <strong>Start a Project Brief</strong>

    <span>
      Tell us what you need and find the right talent for your project.

      <a
        href="/instantmatch"
        target="_blank"
        class="btn2 btn2--tertiary brief-floating-promo__cta-button"
        data-internal-track-cta="BriefFloatingPromoGetStarted"
      >
        Get Started
      </a>
    </span>

    <button
      type="button"
      class="brief-floating-promo__close-button text-button"
      aria-label="Dismiss banner"
      data-brief-floating-promo-dismiss
    >
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-hidden="true" class="icon ">
  <path d="M6.34314 4.22183C5.75736 3.63604 4.80761 3.63604 4.22182 4.22183C3.63604 4.80761 3.63604 5.75736 4.22182 6.34315L9.87868 12L4.22182 17.6569C3.63604 18.2426 3.63604 19.1924 4.22182 19.7782C4.80761 20.364 5.75736 20.364 6.34314 19.7782L12 14.1213L17.6569 19.7782C18.2426 20.364 19.1924 20.364 19.7782 19.7782C20.364 19.1924 20.364 18.2426 19.7782 17.6569L14.1213 12L19.7782 6.34315C20.364 5.75736 20.364 4.80761 19.7782 4.22183C19.1924 3.63604 18.2426 3.63604 17.6569 4.22183L12 9.87868L6.34314 4.22183Z" fill="currentColor"></path>
</svg>
    </button>
  </div>


    

    <script src="https://cdn.dribbble.com/assets/categories-legacy-js-4cdc1e192d12615ea107ecccba59812dd7d3f912c87a8e452669967a049002db.js"></script>
    <script src="https://cdn.dribbble.com/assets/vite/assets/categories-legacy-aa7d3862.js" crossorigin="" type="module"></script><link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/teaser-stats-496115f2.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/pro-callout-banner-42b35922.js" as="script" crossorigin="">
<link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/js.cookie-edb2da2a.js" as="script" crossorigin="">





<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,"anonymousId":"46e27899-73f0-4c4d-8078-1032ae3fe946","reCaptchaSiteKey":"6LdmBTIUAAAAAM4NIokaWu8p3BBuYEw3CxuDdyg_","googleClientId":"32073492121-s6ur8ti01mh34gq2bpbufb8ujdfrpn4v.apps.googleusercontent.com","canPurchasePro":true,"isHiringTrialEligible":false},
      hiringProfile: {},
      features: {"collaborators":false,"caseStudiesLinkBlock":false,"loggedOutMessageFlow":false},
      isRobot: false,
      remoteIp: "178.79.185.141",
      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":1000,"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"],"boostCredits":null,"boostCreditsRemainingTime":null},
      contacts: {"categories":{"schedulingPlatforms":["acuity_scheduling","appointy","cal","calendar","calendly","doodle","google_calendar","microsoft_bookings","picktime","setmore","simplybook_me","squareup","wheniwork","youcanbook","zoho"]},"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{3,4}[-.\\s]\\d{3,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*:","awesomic":"awesomic\\.com","behance":"behance\\.net","clutch":"clutch\\.co(/[profile/]?[A-Za-z0-9_-]+)?","contra":"contra\\.com","designcrowd":"designcrowd\\.com","easystaff":"easystaff\\.io","etsy":"etsy\\.com","fiverr":"fiverr\\.com","freelancer_dot_com":"freelancer\\.com","ninety_nine_designs":"99designs\\.com","peopleperhour":"peopleperhour\\.com","toptal":"toptal\\.com","upwork":"upw(o|0)?rk\\.com","awesomic_name":"awesomic","behance_name":"behance","fiverr_name":"fiver[r]?(?!ound)(?!eferrals)","upwork_name":"(?\u003c!set)(?\u003c!mock)(?\u003c!y)(?\u003c!follow)upw(o|0)?rk(?!ing)","ninety_nine_designs_name":"99designs","acuity_scheduling":"acuityscheduling\\.com","appointy":"appointy\\.com","cal":"cal\\.com","calendar":"calendar\\.com","calendly":"calendly\\.com","doodle":"doodle\\.com","google_calendar":"calendar\\.google\\.com","microsoft_bookings":"bookings\\.microsoft\\.com","picktime":"picktime\\.com","setmore":"setmore\\.com","simplybook_me":"simplybook\\.me","squareup":"squareup\\.com/appointments","wheniwork":"wheniwork\\.com","youcanbook":"youcanbook\\.me","zoho":"zoho\\.com/bookings","brandcrowd":"brandcrowd\\.com","designlogo":"designlogo\\.com","designmantic":"designmantic\\.com","envato":"envato\\.com","graphic_river":"graphicriver\\.net","gumroad":"gumroad\\.com","hatchwise":"hatchwise\\.com","logoarchive":"logoarchive\\.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","themeforest":"themeforest\\.net","videohive":"videohive\\.net","envato_name":"envato","graphic_river_name":"graphicriver","gumroad_name":"gumroad","logoarchive_name":"@logoarchive","logoground_name":"logoground","themeforest_name":"themeforest","videohive_name":"videohive","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{3,4}[-.\\s]\\d{3,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","awesomic":"awesomic\\.com","behance":"behance\\.net","clutch":"clutch\\.co(/[profile/]?[A-Za-z0-9_-]+)?","contra":"contra\\.com","designcrowd":"designcrowd\\.com","easystaff":"easystaff\\.io","etsy":"etsy\\.com","fiverr":"fiverr\\.com","freelancer_dot_com":"freelancer\\.com","ninety_nine_designs":"99designs\\.com","peopleperhour":"peopleperhour\\.com","toptal":"toptal\\.com","upwork":"upw(o|0)?rk\\.com","awesomic_name":"awesomic","behance_name":"behance","fiverr_name":"fiver[r]?(?!ound)(?!eferrals)","upwork_name":"(?\u003c!set)(?\u003c!mock)(?\u003c!y)(?\u003c!follow)upw(o|0)?rk(?!ing)","ninety_nine_designs_name":"99designs","brandcrowd":"brandcrowd\\.com","designlogo":"designlogo\\.com","designmantic":"designmantic\\.com","envato":"envato\\.com","graphic_river":"graphicriver\\.net","gumroad":"gumroad\\.com","hatchwise":"hatchwise\\.com","logoarchive":"logoarchive\\.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","themeforest":"themeforest\\.net","videohive":"videohive\\.net","envato_name":"envato","graphic_river_name":"graphicriver","gumroad_name":"gumroad","logoarchive_name":"@logoarchive","logoground_name":"logoground","themeforest_name":"themeforest","videohive_name":"videohive","payoneer":"pay(o|0)?neer","paypal":"paypal","revolut":"revolut\\.com","wise":"wise\\.com","zelle":"zelle\\.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":"(?\u003c!fi)gmail","hotmail":"hotmail","outlook":"outlook(\\.|dot)com","yahoo":"yahoo","acuity_scheduling":"acuityscheduling\\.com","appointy":"appointy\\.com","cal":"cal\\.com","calendar":"calendar\\.com","calendly":"calendly\\.com","doodle":"doodle\\.com","google_calendar":"calendar\\.google\\.com","microsoft_bookings":"bookings\\.microsoft\\.com","picktime":"picktime\\.com","setmore":"setmore\\.com","simplybook_me":"simplybook\\.me","squareup":"squareup\\.com/appointments","wheniwork":"wheniwork\\.com","youcanbook":"youcanbook\\.me","zoho":"zoho\\.com/bookings"},"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{3,4}[-.\\s]\\d{3,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*:","awesomic":"awesomic\\.com","behance":"behance\\.net","clutch":"clutch\\.co(/[profile/]?[A-Za-z0-9_-]+)?","contra":"contra\\.com","designcrowd":"designcrowd\\.com","easystaff":"easystaff\\.io","etsy":"etsy\\.com","fiverr":"fiverr\\.com","freelancer_dot_com":"freelancer\\.com","ninety_nine_designs":"99designs\\.com","peopleperhour":"peopleperhour\\.com","toptal":"toptal\\.com","upwork":"upw(o|0)?rk\\.com","acuity_scheduling":"acuityscheduling\\.com","appointy":"appointy\\.com","cal":"cal\\.com","calendar":"calendar\\.com","calendly":"calendly\\.com","doodle":"doodle\\.com","google_calendar":"calendar\\.google\\.com","microsoft_bookings":"bookings\\.microsoft\\.com","picktime":"picktime\\.com","setmore":"setmore\\.com","simplybook_me":"simplybook\\.me","squareup":"squareup\\.com/appointments","wheniwork":"wheniwork\\.com","youcanbook":"youcanbook\\.me","zoho":"zoho\\.com/bookings","brandcrowd":"brandcrowd\\.com","designlogo":"designlogo\\.com","designmantic":"designmantic\\.com","envato":"envato\\.com","graphic_river":"graphicriver\\.net","gumroad":"gumroad\\.com","hatchwise":"hatchwise\\.com","logoarchive":"logoarchive\\.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","themeforest":"themeforest\\.net","videohive":"videohive\\.net","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>




  <drb-ab-test name="toggle_ad_shot_feed_wix" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_webflow" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_framer" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_adobe_stock" value="false"></drb-ab-test>
  <drb-ab-test name="toggle_ad_shot_feed_remitly" value="false"></drb-ab-test>
  <drb-ab-test name="expanded_categories" value="false"></drb-ab-test>
  <drb-ab-test name="logged_out_message_flow" value="false"></drb-ab-test>
  <drb-ab-test name="carbon_ads_shot_feeds" value="true"></drb-ab-test>
  <drb-ab-test name="carbon_ads" value="true"></drb-ab-test>
  <drb-ab-test name="collaborators" value="false"></drb-ab-test>
  <drb-ab-test name="case_studies_link_block" value="false"></drb-ab-test>




<script src="https://cdn.dribbble.com/assets/shot-filtering-manifest-7006e8dac13e1f25a495a2625cf971e7c63a99cc9e436f6dbbcec4b32be540a7.js"></script>  <script>
    Dribbble.ShotFiltersToggler.initialize();
    Dribbble.CategoryList.initialize();
    Dribbble.ShotColorFilters.initialize();
    Dribbble.ShotFilters.initialize({
      state: {"tag":null,"color":null,"timeframe":null,"source_file":null,"price_floor":null,"price_ceiling":null,"prefix":"/shots","category":null,"view":"popular"},
      pathMatcher:  /^\/(shots|search\/shots)\/(following|popular|recent|animation|branding|illustration|mobile|print|product-design|typography|web-design)[\/?]?/,
      tagAutocompleteUrl: 'https://dribbble.com/autocompletes/tags'
    });
  </script>
<script src="https://cdn.dribbble.com/assets/shots-manifest-c5e65fc2a6ca7ee3a9e65a4b28c2a31cdb68bee3a975cc74f161a38c5d7252ec.js"></script>    
    <script src="https://cdn.dribbble.com/assets/vite/assets/shots-scripts-8e730321.js" crossorigin="" type="module"></script><link rel="modulepreload" href="https://cdn.dribbble.com/assets/vite/assets/large-shot-view-recorder-e20cbed5.js" as="script" crossorigin="">
  <script>
    $(function() {

      Dribbble.Thumbnails.initialize({"page_limit":1,"disable_pagination":null,"enable_shot_overlay":true,"deferredContent":null,"staticParams":null,"showBoostedAds":true,"boostedAdPlacement":"Popular Feed","boostedAdParams":{"popular":true,"controller":"filters","action":"index"},"numberOfAdsOnFirstPage":2,"numberOfAdsOnSubsequentPages":3,"boostedAdGroupPositions":[2,4,7],"perPage":null});

      if(Dribbble.Bucket){
        new Dribbble.Bucket({ target: "a[data-bucket-add]" });
      }
    });
  </script>


</body>

</html>


Latest requests

# Url Url Source Date
1 https://dribbble.com/shots 2026-10-15 11:07:24
2 https://snponet.net/ 2026-10-15 11:07:24
3 https://www.texarkanatwins.com/%25… 2026-10-15 11:07:24
4 https://www.thebolditalic.com/?gi=… 2026-10-15 11:07:23
5 https://auth.mediacorp.sg/u/login?… 2026-10-15 11:07:22
6 https://consent.youtube.com/m?cont… 2026-10-15 11:07:22
7 https://auth.mediacorp.sg/u/login?… 2026-10-15 11:07:21
8 https://www.thebolditalic.com/?gi=… 2026-10-15 11:07:20
9 https://www.texarkanatwins.com/%25… 2026-10-15 11:07:20
10 https://auth.acog.org/OAuth/SignIn… 2026-10-15 11:07:19
11 https://www.texarkanatwins.com/%25… 2026-10-15 11:07:19
12 https://auth.acog.org/OAuth/SignIn… 2026-10-15 11:07:18
13 https://www.texarkanatwins.com/%25… 2026-10-15 11:07:18
14 https://auth.mediacorp.sg/u/login?… 2026-10-15 11:07:17
15 https://auth.mediacorp.sg/u/login?… 2026-10-15 11:07:16
16 https://www.thebolditalic.com/?gi=… 2026-10-15 11:07:16
17 https://www.youtube.com/user/Geogr… 2026-10-15 11:07:14
18 https://em-website.de/fussball-live 2026-10-15 11:07:14
19 https://www.thebolditalic.com/?gi=… 2026-10-15 11:07:14
20 https://www.thebolditalic.com/?gi=… 2026-10-15 11:07:13