<turbo-stream action="append" target="jobs_grid"><template>
    <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1497543_e7a746f3"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1497543" data-bookmarkable-type="job" data-bookmarkable-id="1497543" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1497543&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1497543-sr-ux-visual-designer-prime-video-experience-design">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 1 month ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Sr. UX Visual Designer, Prime Video Experience Design
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Amazon.com, Inc.</div>

                    <div class="truncate text-base-content/60">Culver City, CA, United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                $137k–186k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Design Studio</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Adobe InDesign</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_2733858_4ac93f0c"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:2733858" data-bookmarkable-type="job" data-bookmarkable-id="2733858" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=2733858&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/2733858-designer-app-originals">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">1 day ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Designer APP Originals
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Adidas America, Inc.</div>

                    <div class="truncate text-base-content/60">Shanghai, VA, United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Experienced
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Adobe InDesign</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Adobe Photoshop</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Microsoft Office</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_2628376_37827f00"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:2628376" data-bookmarkable-type="job" data-bookmarkable-id="2628376" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=2628376&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/2628376-experience-lead">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">28 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Experience Lead
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">The Information Technology</div>

                    <div class="truncate text-base-content/60">Dunwoody, GA, United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                $135k–155k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Service Design</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Web Accessibility</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1608175_7ed21824"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1608175" data-bookmarkable-type="job" data-bookmarkable-id="1608175" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1608175&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1608175-product-designer-hybrid-end-to-end-ux">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Product Designer - Hybrid, End-to-End UX
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Nacar Careers</div>

                    <div class="truncate text-base-content/60">Barcelona, Spain</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                €40k–60k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Interaction Design</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">User-Centered Design</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_736363_99d4c026"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:736363" data-bookmarkable-type="job" data-bookmarkable-id="736363" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=736363&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/736363-design-systems-product-designer-figma-components-tokens-accessibility">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Design Systems Product Designer - Figma Components, Tokens &amp; Accessibility
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Htc Inc.</div>

                    <div class="truncate text-base-content/60">Glendale, CA, United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                $82k–119k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Uikit</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1318983_84b8532b"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1318983" data-bookmarkable-type="job" data-bookmarkable-id="1318983" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1318983&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1318983-designer-level-2">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Designer (Level 2)
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">MG2 Corporation</div>

                    <div class="truncate text-base-content/60">Seattle, WA, United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                $70k–85k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">AutoCAD</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Autodesk Revit</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">3D Visualization</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1814342_9d37fb8a"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1814342" data-bookmarkable-type="job" data-bookmarkable-id="1814342" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1814342&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1814342-ux-engineer-iv-e4">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            UX Engineer IV - (E4)
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Applied Materials</div>

                    <div class="truncate text-base-content/60">Santa Clara, CA, United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                $156k–214k
              </span>

              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML5</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Vue.js</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_348345_c155c6c9"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:348345" data-bookmarkable-type="job" data-bookmarkable-id="348345" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=348345&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/348345-midweight-designer-reporting">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">3 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Midweight Designer (Reporting)
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Emperor</div>

                    <div class="truncate text-base-content/60">London, UK</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Digital Data</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Computer Animation</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Software Version Control</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_2717171_c66677df"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:2717171" data-bookmarkable-type="job" data-bookmarkable-id="2717171" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=2717171&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/2717171-design-engineer">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">3 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Design Engineer
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Posh, LLC</div>

                    <div class="truncate text-base-content/60">New York, NY, United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Experienced
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">ReactJS</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">TypeScript</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1264561_aeb4ab6f"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1264561" data-bookmarkable-type="job" data-bookmarkable-id="1264561" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1264561&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1264561-ux-engineer-iv-e4">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            UX Engineer IV - (E4)
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Applied Materials</div>

                    <div class="truncate text-base-content/60">Austin, TX, United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                $156k–214k
              </span>

              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML5</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Vue.js</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_2311607_3195c0d6"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:2311607" data-bookmarkable-type="job" data-bookmarkable-id="2311607" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=2311607&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/2311607-managing-designer-artworking-team">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">8 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Managing Designer- Artworking Team
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Curious Universe</div>

                    <div class="truncate text-base-content/60">Bath, UK</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Pagination</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Adobe InDesign</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Adobe Photoshop</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_611534_75fb3220"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:611534" data-bookmarkable-type="job" data-bookmarkable-id="611534" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=611534&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/611534-sr-ux-designer">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Sr. UX Designer
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">TeamSoft IT Solutions</div>

                    <div class="truncate text-base-content/60">Houston, TX, United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Mixpanel</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_2568010_83bd863e"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:2568010" data-bookmarkable-type="job" data-bookmarkable-id="2568010" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=2568010&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/2568010-designer-off-air-cbs-sports">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 1 month ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Designer, Off-Air CBS Sports
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Paramount Pictures</div>

                    <div class="truncate text-base-content/60">New York, NY, United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Experienced
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                $65k–81k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Final Cut Pro</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Web Platforms</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_2311608_da8e16e6"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:2311608" data-bookmarkable-type="job" data-bookmarkable-id="2311608" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=2311608&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/2311608-staff-ux-visual-designer">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">8 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Staff UX Visual Designer
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">The Trade Desk</div>

                    <div class="truncate text-base-content/60">Greater London, UK</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Adobe InDesign</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Data Visualization</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_2735771_bca16794"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:2735771" data-bookmarkable-type="job" data-bookmarkable-id="2735771" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=2735771&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/2735771-director-ui-ux-designer">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">1 day ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Director, UI/UX Designer
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">The Coca-Cola Company</div>

                    <div class="truncate text-base-content/60">Atlanta, GA, United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                $171k–198k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Modular Design</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Adobe InDesign</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_2164740_378c45a5"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:2164740" data-bookmarkable-type="job" data-bookmarkable-id="2164740" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=2164740&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/2164740-senior-design-systems-designer">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">17 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Senior Design Systems Designer
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Fluidra SA</div>

                    <div class="truncate text-base-content/60">Zaragoza, Spain</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Material UI</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1275511_612542f5"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1275511" data-bookmarkable-type="job" data-bookmarkable-id="1275511" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1275511&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1275511-senior-ui-ux-designer">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Senior UI/UX Designer
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Bright Vision Technologies</div>

                    <div class="truncate text-base-content/60">Richardson, TX, United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                $100k–150k
              </span>

              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Git</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML5</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1349353_49a974ee"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1349353" data-bookmarkable-type="job" data-bookmarkable-id="1349353" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1349353&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1349353-ui-ux-designer">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            UI/UX Designer
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Guidehouse Inc.</div>

                    <div class="truncate text-base-content/60">Washington, DC, United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                $98k–163k
              </span>

              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">JIRA</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">ASP.NET</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1282398_930bed8d"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1282398" data-bookmarkable-type="job" data-bookmarkable-id="1282398" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1282398&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1282398-sr-ui-designer-hybrid-nyc">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Sr. UI Designer - Hybrid NYC
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Levine, Marcia</div>

                    <div class="truncate text-base-content/60">New York, NY, United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>


              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Adobe XD</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1470045_a4456a65"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1470045" data-bookmarkable-type="job" data-bookmarkable-id="1470045" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1470045&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1470045-ux-designer">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 1 month ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            UX Designer
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Hewlett-Packard Development Company, L.P.</div>

                    <div class="truncate text-base-content/60">Vancouver, WA, United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                $105k–161k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Firmware</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Control Panels</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_2581436_10523c55"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:2581436" data-bookmarkable-type="job" data-bookmarkable-id="2581436" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=2581436&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/2581436-principal-agent-experience-designer">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">28 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Principal Agent Experience Designer
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">OutSystems</div>

                    <div class="truncate text-base-content/60">United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>


              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">JSON</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">ReactJS</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_2085845_6807b1c9"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:2085845" data-bookmarkable-type="job" data-bookmarkable-id="2085845" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=2085845&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/2085845-staff-design-system-product-designer">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">22 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Staff Design System Product Designer
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Deel</div>

                    <div class="truncate text-base-content/60">Madrid, Spain</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                €72k–150k
              </span>

              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">ReactJS</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">TypeScript</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1658457_4a1d6996"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1658457" data-bookmarkable-type="job" data-bookmarkable-id="1658457" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1658457&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1658457-ux-ui-visual-designer-enterprise-applications">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            UX/UI Visual Designer (Enterprise Applications)
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">CareerCircle</div>

                    <div class="truncate text-base-content/60">Charlotte, NC, United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                $145k–156k
              </span>

              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">JQuery</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1495201_1fb4a24e"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1495201" data-bookmarkable-type="job" data-bookmarkable-id="1495201" data-bookmark-return-to="/jobs?country=all&amp;q=designer" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1495201&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3Dall%26q%3Ddesigner"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1495201-senior-ui-ux-designer">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 1 month ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Senior UI/UX Designer
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">RXO Last Mile, Inc.</div>

                    <div class="truncate text-base-content/60">Manasquan, NJ, United States</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">ReactJS</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Tailwind</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Mixpanel</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>

</template></turbo-stream>
  <turbo-stream action="replace" target="jobs_pagination"><template>
    <turbo-frame class="group" id="jobs_pagination">
      <div class="mb-20 flex justify-center">
        <a data-turbo-frame="jobs_pagination" data-turbo-prefetch="false" class="btn btn-outline btn-primary gap-2 group-aria-busy:pointer-events-none group-aria-busy:opacity-60" href="https://www.wearedevelopers.com/jobs.turbo_stream?country=all&amp;page=4&amp;q=designer">
          Load more jobs <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M10 3a.75.75 0 0 1 .75.75v10.638l3.96-4.158a.75.75 0 1 1 1.08 1.04l-5.25 5.5a.75.75 0 0 1-1.08 0l-5.25-5.5a.75.75 0 1 1 1.08-1.04l3.96 4.158V3.75A.75.75 0 0 1 10 3Z" clip-rule="evenodd"></path></svg>
</a>      </div>
</turbo-frame></template></turbo-stream>