<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="color-scheme" content="light dark">
  <title>James Madson – Product Designer</title>
  <meta name="description" content="James Madson is an independent product designer in Seattle, helping teams build clear, useful, and lasting digital experiences.">
  <meta name="author" content="James Madson">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="canonical" href="https://jamesmadson.me/">

  <!-- Open Graph -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://jamesmadson.me/">
  <meta property="og:title" content="James Madson – Product Designer">
  <meta property="og:description" content="James Madson is an independent product designer in Seattle, helping teams build clear, useful, and lasting digital experiences.">
  <meta property="og:image" content="https://jamesmadson.me/img/og-image.png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:site_name" content="James Madson">

  <!-- Twitter / X Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="James Madson – Product Designer">
  <meta name="twitter:description" content="James Madson is an independent product designer in Seattle, helping teams build clear, useful, and lasting digital experiences.">
  <meta name="twitter:image" content="https://jamesmadson.me/img/og-image.png">

  <link rel="shortcut icon" type="image/x-icon" href="icons/favicon-32x32.png">
  <link rel="icon" type="image/svg+xml" href="icons/favicon.svg">
  <link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
  <link rel="manifest" href="icons/site.webmanifest">
  <link rel="mask-icon" href="icons/safari-pinned-tab.svg" color="#282829">
  <meta name="msapplication-TileColor" content="#ffffff">
  <meta name="theme-color" content="#ffffff">

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet">

  <link rel="stylesheet" type="text/css" href="/assets/css/styles.css?v=1778186241113" />

  <!-- Theme: runs sync before render to prevent flash -->
  <script>!function(){var e=document.documentElement,t=localStorage.getItem("theme")||(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light");e.className=e.className.replace(/\btheme-\S+/g,"");e.classList.add("theme-"+t)}();</script>

  <!-- Structured data -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Person",
    "name": "James Madson",
    "url": "https://jamesmadson.me",
    "jobTitle": "Product Designer",
    "description": "Independent product designer based in Seattle, helping teams build clear, useful, and lasting digital experiences.",
    "address": { "@type": "PostalAddress", "addressLocality": "Seattle", "addressRegion": "WA", "addressCountry": "US" },
    "sameAs": [
      "https://github.com/jamesmadson",
      "https://www.linkedin.com/in/jamesmadson",
      "https://jamesmadson.bandcamp.com"
    ]
  }
  </script>

  <!-- Google tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-HL3TB4H7XS"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-HL3TB4H7XS');
  </script>
</head>

<body>
  <a href="#main-content" class="skip-nav">Skip to main content</a>
  <div class="site_header fadeIn">
    <a href="/" class="site_name">James Madson</a>
    <div class="nav_container">
      <nav class="nav_large">
        <ul>
          <li><a href="/about/">About</a></li>
          <li class="nav_dropdown_trigger">
            <a href="/#recent_work" aria-haspopup="true" aria-expanded="false" aria-controls="nav-work-dropdown">Work</a>
            <div class="nav_dropdown" id="nav-work-dropdown">
              <a href="/case_studies/naturedose/" class="nav_dropdown_item">
                <div class="nav_dropdown_meta">
                  <span class="nav_dropdown_title">NatureDose</span>
                  <span class="nav_dropdown_company">NatureQuant</span>
                </div>
              </a>
              <a href="/case_studies/pecan/" class="nav_dropdown_item">
                <div class="nav_dropdown_meta">
                  <span class="nav_dropdown_title">PeCan</span>
                  <span class="nav_dropdown_company">St. Jude Children's Research Hospital</span>
                </div>
              </a>
              <a href="/case_studies/visualization_community/" class="nav_dropdown_item">
                <div class="nav_dropdown_meta">
                  <span class="nav_dropdown_title">Visualization Community</span>
                  <span class="nav_dropdown_company">St. Jude Children's Research Hospital</span>
                </div>
              </a>
              <div class="nav_dropdown_item nav_dropdown_item--nda">
                <div class="nav_dropdown_meta">
                  <span class="nav_dropdown_title">Health App Platform</span>
                  <span class="nav_dropdown_company">Under NDA</span>
                </div>
              </div>
            </div>
          </li>
          <li><a href="/contact/">Contact</a></li>
        </ul>
      </nav>
      <button id="navlink" aria-controls="mobilenavmenu" aria-expanded="false" aria-label="Toggle menu"><span class="navlink_icon"><span class="navlink_bar navlink_bar1"></span><span class="navlink_bar navlink_bar2"></span></span><span class="navlink_label">Menu</span></button>
    </div>
    <div class="nav_cta_wrapper">
      <button id="light_switch" aria-label="Toggle light/dark mode">
        <span class="toggle-track"><span class="toggle-thumb"></span></span>
      </button>
    </div>
  </div>
  <nav class="mobile_nav_menu" id="mobilenavmenu" aria-hidden="true">
    <div class="mobile_nav_inner">
      <ul>
        <li><a href="/" class="active">Home</a></li>
        <li><a href="/about/">About</a></li>
        <li class="mobile_nav_accordion">
          <button class="mobile_nav_accordion_btn" aria-expanded="false">
            Work
            <svg class="mobile_nav_chevron" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M4.5 6.75L9 11.25L13.5 6.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </button>
          <ul class="mobile_nav_accordion_panel" aria-hidden="true">
          <li><a href="/case_studies/naturedose/">NatureDose</a></li>
          <li><a href="/case_studies/pecan/">PeCan</a></li>
          <li><a href="/case_studies/visualization_community/">Visualization Community</a></li>
          </ul>
        </li>
        <li><a href="/contact/">Contact</a></li>
      </ul>
      <div class="mobile_nav_footer">
        <button id="light_switch_mobile" aria-label="Toggle light/dark mode">
          <span class="toggle-track"><span class="toggle-thumb"></span></span>
        </button>
      </div>
    </div>
  </nav>

  <header class="fadeIn">
    <a name="home"></a>
    <div class="container">
      <div class="grid_10">
        <h1 class="jm_subtitle" id="hero_rotating">I'm a
          <a href="/about/" class="highlight jm">designer</a>
          who makes things that feel
          <a href="/case_studies/naturescore/" class="highlight ns">considered</a>
          — for real people spending time in the real world.
        </h1>
      </div>
    </div>
  </header>

  <main class="fadeIn" id="main-content">

  <div class="container">
    <div class="grid_12">
      <h5 class="select_clients">Select Clients</h5>
    </div>
  </div>
  <section class="logo_scroller">
    <ul class="client_logos">
      <li>
        <a href="https://clearleft.com" target="_blank" rel="noreferrer" aria-label="Clearleft">
          <svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <image href="img/clients/clearleft_logo.svg" />
          </svg>
        </a>
      </li>
      <li>
        <a href="https://copic.jp/en/" target="_blank" rel="noreferrer" aria-label="Copic">
          <svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <image href="img/clients/copic_logo.svg" />
          </svg>
        </a>
      </li>
      <li>
        <a href="https://www.hoka.com" target="_blank" rel="noreferrer" aria-label="Hoka">
          <svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <image href="img/clients/hoka_logo.svg" />
          </svg>
        </a>
      </li>
      <li>
        <a href="https://www.kirkusreviews.com" target="_blank" rel="noreferrer" aria-label="Kirkus Reviews">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <image href="img/clients/kirkus_logo.svg" />
          </svg>
        </a>
      </li>
      <li aria-hidden="true">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
          <image href="img/clients/reicaf_logo.svg" />
        </svg>
      </li>
      <li>
        <a href="https://stackoverflow.com" target="_blank" rel="noreferrer" aria-label="Stack Overflow">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <image href="img/clients/stackoverflow_logo.svg" />
          </svg>
        </a>
      </li>
      <li>
        <a href="https://www.stjude.org" target="_blank" rel="noreferrer" aria-label="St. Jude Children's Research Hospital">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <image href="img/clients/stjude_logo.svg" />
          </svg>
        </a>
      </li>
      <li>
        <a href="https://www.ugg.com" target="_blank" rel="noreferrer" aria-label="UGG">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <image href="img/clients/ugg_logo.svg" />
          </svg>
        </a>
      </li>
      <li aria-hidden="true">
        <a href="https://clearleft.com" target="_blank" rel="noreferrer" tabindex="-1">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <image href="img/clients/clearleft_logo.svg" />
          </svg>
        </a>
      </li>
      <li aria-hidden="true">
        <a href="https://copic.jp/en/" target="_blank" rel="noreferrer" tabindex="-1">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <image href="img/clients/copic_logo.svg" />
          </svg>
        </a>
      </li>
      <li aria-hidden="true">
        <a href="https://www.hoka.com" target="_blank" rel="noreferrer" tabindex="-1">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <image href="img/clients/hoka_logo.svg" />
          </svg>
        </a>
      </li>
      <li aria-hidden="true">
        <a href="https://www.kirkusreviews.com" target="_blank" rel="noreferrer" tabindex="-1">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <image href="img/clients/kirkus_logo.svg" />
          </svg>
        </a>
      </li>
      <li aria-hidden="true">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
          <image href="img/clients/reicaf_logo.svg" />
        </svg>
      </li>
      <li aria-hidden="true">
        <a href="https://stackoverflow.com" target="_blank" rel="noreferrer" tabindex="-1">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <image href="img/clients/stackoverflow_logo.svg" />
          </svg>
        </a>
      </li>
      <li aria-hidden="true">
        <a href="https://www.stjude.org" target="_blank" rel="noreferrer" tabindex="-1">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <image href="img/clients/stjude_logo.svg" />
          </svg>
        </a>
      </li>
      <li aria-hidden="true">
        <a href="https://www.ugg.com" target="_blank" rel="noreferrer" tabindex="-1">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <image href="img/clients/ugg_logo.svg" />
          </svg>
        </a>
      </li>
    </ul>
  </section>

  <section class="home_work" id="recent_work">
    <div class="container">
      <div class="grid_12">
        <h2 class="home_work_title">Work</h2>
      </div>
    </div>
    <div class="container home_work_grid">

      <a href="/case_studies/naturedose/" class="hwc nd" aria-label="NatureDose by NatureQuant">
        <div class="hwc_img">
          <img src="/img/naturedose/naturedose_cover_image.png" srcset="/img/naturedose/naturedose_cover_image.png 1x, /img/naturedose/naturedose_cover_image@2x.png 2x" alt="NatureDose app" loading="eager" width="600" height="600">
        </div>
        <div class="hwc_info">
          <span class="hwc_company">NatureQuant</span>
          <span class="hwc_title">NatureDose</span>
        </div>
      </a>

      <a href="/case_studies/pecan/" class="hwc pecan" aria-label="PeCan by St. Jude">
        <div class="hwc_img">
          <img src="/img/pecan/pecan_cover.png" srcset="/img/pecan/pecan_cover.png 1x, /img/pecan/pecan_cover@2x.png 2x" alt="PeCan knowledge base" loading="eager" width="600" height="600">
        </div>
        <div class="hwc_info">
          <span class="hwc_company">St. Jude Children's Research Hospital</span>
          <span class="hwc_title">PeCan</span>
        </div>
      </a>

      <a href="/case_studies/visualization_community/" class="hwc viz" aria-label="Visualization Community by St. Jude Children's Research Hospital">
        <div class="hwc_img">
          <img src="/img/visualization_community/visualization_community_cover.png" srcset="/img/visualization_community/visualization_community_cover.png 1x, /img/visualization_community/visualization_community_cover@2x.png 2x" alt="Visualization Community" loading="eager" width="600" height="600">
        </div>
        <div class="hwc_info">
          <span class="hwc_company">St. Jude Children's Research Hospital</span>
          <span class="hwc_title">Visualization Community</span>
        </div>
      </a>

    </div>
  </section>

  <section class="home_work home_work_soon">
    <div class="container">
      <div class="grid_12">
        <h2 class="home_work_title">More Work Coming Soon</h2>
      </div>
    </div>
    <div class="container home_work_grid">

      <div class="hwc health hwc_nda hwc_soon" aria-label="Health Platform, under NDA">
        <div class="hwc_img hwc_img--empty">
          <div class="hwc_nda_visual">
            <span class="hwc_nda_icon">
              <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                <path d="M16 3C9.373 3 4 8.373 4 15s5.373 12 12 12 12-5.373 12-12S22.627 3 16 3z" stroke="currentColor" stroke-width="1.5" fill="none" opacity="0.4"/>
                <path d="M16 10v6M16 19v.5" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/>
              </svg>
            </span>
          </div>
        </div>
        <div class="hwc_info">
          <span class="hwc_company">Under NDA</span>
          <span class="hwc_title">Digital Health App</span>
          <span class="hwc_nda_label"><span class="hwc_nda_dot"></span>In Progress</span>
        </div>
      </div>

      <div class="hwc nq hwc_soon" aria-label="NatureQuant brand">
        <div class="hwc_img">
          <img src="/img/naturequant/naturequant_cover_image.png" srcset="/img/naturequant/naturequant_cover_image.png 1x, /img/naturequant/naturequant_cover_image@2x.png 2x" alt="NatureQuant" loading="lazy" width="600" height="600">
        </div>
        <div class="hwc_info">
          <span class="hwc_company">NatureQuant</span>
          <span class="hwc_title">NatureQuant</span>
        </div>
      </div>

      <div class="hwc ns hwc_soon" aria-label="NatureScore by NatureQuant">
        <div class="hwc_img">
          <img src="/img/naturescore/naturescore_cover_image.png" srcset="/img/naturescore/naturescore_cover_image.png 1x, /img/naturescore/naturescore_cover_image@2x.png 2x" alt="NatureScore" loading="lazy" width="600" height="600">
        </div>
        <div class="hwc_info">
          <span class="hwc_company">NatureQuant</span>
          <span class="hwc_title">NatureScore</span>
        </div>
      </div>

    </div>
  </section>

  <!--
  ============================================================
  ARCHIVE — hidden, uncomment to show
  Misc images of past projects
  ============================================================
  <section class="home_work home_work_archive">
    <div class="container">
      <div class="grid_12">
        <h2 class="home_work_title">Archive</h2>
      </div>
    </div>
    <div class="container home_work_grid">

      Add archive project cards here, e.g.:
      <div class="hwc">
        <div class="hwc_img">
          <img src="/img/archive/project-name.png" alt="Project Name" loading="lazy" width="600" height="600">
        </div>
        <div class="hwc_info">
          <span class="hwc_company">Client</span>
          <span class="hwc_title">Project Name</span>
        </div>
      </div>

    </div>
  </section>
  -->

</main>

<footer class="site_footer">
  <div class="container">
    <span class="site_footer_name">James Madson <span id="footer_year"></span></span>
    <span class="site_footer_tagline">Make something beautiful today.</span>
    <div id="toptal_badge">
      <style>
        @import"https://use.typekit.net/kmj5qkr.css";
        :root{--h:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%)}
        #toptal_badge{font-family:proxima-nova,Arial,sans-serif}
        #toptal_badge .tt-h{display:inline-block;background:#25a9ef;padding:6px;clip-path:var(--h)}
        #toptal_badge .tt-a{width:200px;padding:24px 0 40px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;text-align:center;background:linear-gradient(153deg,#0667ff 18%,#204ecf 40%,#0f256e 80%);clip-path:var(--h);box-shadow:0 28px 50px rgba(6,30,96,.35)}
        #toptal_badge .tt-b{margin:0;font-size:19px;font-weight:700;line-height:1}
        #toptal_badge .tt-c{width:120px;height:1px;background:#25a9ef}
        #toptal_badge .tt-d{font-size:16px;opacity:.8;margin-bottom:-6px}
        #toptal_badge .tt-f{display:inline-flex;align-items:center;justify-content:center;padding:4px 20px;border-radius:6px;background:#296bff;color:#fff;font-size:16px;font-weight:500;text-decoration-thickness:.5px;text-underline-offset:2px}
      </style>
      <div class="tt-h">
        <div class="tt-a">
          <svg width=64 viewBox="0 0 60 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="m20.85 6.38 6.06-.89 2.72-5.49 2.71 5.49 6.06.89-4.39 4.28 1.04 6.03-5.42-2.85-5.43 2.85 1.04-6.03zm33.06 7.17 1.85-.27.82-1.67.83 1.67 1.84.27-1.33 1.31.31 1.83-1.65-.87-1.66.87.32-1.83zm-3.38-3.01-3.61-.52-1.61-3.26-1.62 3.26-3.6.52 2.6 2.55-.61 3.59 3.23-1.69 3.21 1.69-.61-3.59zm-45.19 3.01-1.85-.27-.82-1.67-.83 1.67-1.84.27 1.33 1.31-.31 1.83 1.65-.87 1.65.87-.31-1.83zm3.38-3.01 3.61-.52 1.61-3.26 1.61 3.26 3.61.52-2.6 2.55.61 3.59-3.23-1.69-3.22 1.69.62-3.59z" fill="#fff"/></svg>
          <h3 class="tt-b">TOP 3% TALENT</h3>
          <div class="tt-c"></div>
          <span class="tt-d">Vetted by</span>
          <svg viewBox="0 0 108 30" width="100" xmlns="http://www.w3.org/2000/svg" aria-label="Toptal"><g clip-rule="evenodd" fill="#fff" fill-rule="evenodd"><path d="m8.11 0 6.71 6.7c.05.05.09.1.15.15l5.85 5.85-9.51 9.46 4.35 4.36-2.91 2.89-6.66-6.66c-.08-.07-.16-.15-.24-.23l-5.85-5.84 9.48-9.43-4.32-4.31zm4.25 10.5c-.09-.02-.18-.02-.26 0-.09.03-.16.07-.32.22l-5.41 5.39c-.16.16-.2.23-.22.31-.03.09-.03.18 0 .26.02.09.07.17.22.32l1.72 1.72c.15.15.22.19.31.22.09.02.17.02.26 0 .09-.03.16-.07.31-.22l5.41-5.39c.16-.15.2-.23.23-.31.02-.09.02-.17 0-.26s-.07-.16-.22-.31l-1.72-1.72c-.15-.16-.23-.2-.31-.23z"/><path d="m62.65 7.76c2.11 0 3.91.82 5.34 2.4 1.46 1.53 2.19 3.64 2.18 6.26 0 2.56-.75 4.8-2.24 6.38-1.47 1.57-3.34 2.37-5.58 2.37-1.93-.01-3.68-.7-4.84-1.89l-.16-.17-.01 6.75-3.82-.01v-.28l.04-21.61h3.8l-.01 2.64c1.25-1.41 3.26-2.84 5.3-2.84zm24.45.06c2.18 0 3.68.49 4.84 1.44 1.11.92 1.7 2.56 1.75 4.29v.26l-.02 11.14h-3.87v-.46c0-.48 0-.97 0-1.47-1.12 1.55-2.68 2.3-4.76 2.3-1.65 0-3.05-.5-4.07-1.43-1.03-.94-1.58-2.23-1.58-3.73.02-2.83 2.02-4.79 5.52-5.4l.27-.05 4.64-.73v-.37c0-.78-.23-1.72-.69-2.11-.47-.4-1.04-.73-2.03-.73-2.73 0-3.29 2.01-3.32 3.02v.09l-3.42.04c0-1.49.69-3.42 2.08-4.63 1.12-.97 2.75-1.42 4.33-1.47h.3zm-14.98-4.36h3.81l-.01 4.56h3.53v3.18l-3.54-.01-.01 8.54c0 .94.19 1.56.6 1.85.43.3 1.3.02 1.3.02l.34 3.32s-1.2.31-1.96.31c-.99 0-1.84-.25-2.49-.75-1.06-.8-1.6-2.2-1.6-4.17l.02-9.12-3.19-3.19 3.2.01zm-22.46 6.8c1.1 1.13 2.41 3.14 2.4 6.26-.01 3.11-1.32 5.11-2.41 6.24-1.5 1.54-3.54 2.42-5.59 2.42-.08 0-.16 0-.25-.01-2.19-.01-4.13-.79-5.75-2.33-1.63-1.55-2.46-3.68-2.46-6.36s.84-4.82 2.47-6.36c1.62-1.53 3.55-2.3 5.75-2.3 2.17-.07 4.29.83 5.84 2.44zm-8.81-7.04v3.77l-7.36.01.02 17.97-3.97-.01v-.34l.03-17.63h-7.51l.01-3.77zm54.68.25 3.42.01v.09l-.03 21.38-3.42-.01v-.1zm-5.71 13.58-3.81.64c-1.86.32-2.72 1.04-2.73 2.3-.01 1.15.81 1.92 2.09 1.99h.16.02c2.44 0 4.17-1.9 4.26-4.67l.01-.22zm-46.02-5.84c-1.28 0-2.39.49-3.29 1.47-.88.96-1.33 2.24-1.33 3.81 0 1.58.45 2.86 1.33 3.82.89.98 2 1.47 3.28 1.48 1.3 0 2.42-.49 3.31-1.47.9-.98 1.35-2.26 1.36-3.81.01-1.56-.45-2.84-1.35-3.82s-2.01-1.48-3.31-1.48zm17.94.12h-.02c-1.28 0-2.34.46-3.24 1.43-.9.94-1.35 2.16-1.36 3.63 0 1.49.45 2.83 1.35 3.8.92.95 1.98 1.42 3.25 1.42 1.29 0 2.38-.48 3.25-1.41.91-.97 1.35-2.3 1.36-3.79 0-1.48-.46-2.7-1.34-3.63-.87-.96-1.96-1.45-3.25-1.45z"/></g></svg>
          <a target="_blank" rel="noreferrer" class="tt-f" href="https://www.toptal.com/designers/resume/james-madson#NO1jLy">Hire me</a>
        </div>
      </div>
    </div>
  </div>
</footer>


<script src="/assets/js/site.js?v=1778186241113" defer></script>

</body>
</html>
