<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">

<head>
	<meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- preload -->
      	<!-- seo -->
  	<link rel="home" href="https://www.gooddogdesign.com" />
  <!--favicons -->
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="manifest" href="/site.webmanifest">
  <!-- fonts -->
  <link rel="preload" href="/assets/fonts/BRSonomaBlack.woff2" as="font" type="font/woff2" crossorigin>
  <link rel="preload" href="/assets/fonts/BRSonomaSemiBold.woff2" as="font" type="font/woff2" crossorigin>
  <link href="https://fonts.googleapis.com/css?family=Inter:wght@200;300;400,500;700&display=swap" rel="stylesheet">
  <style>
    /* BR Sonoma Custom Fonts */
    @font-face {
      font-family: BRSonoma-SemiBold;
      src: url("/assets/fonts/BRSonomaSemiBold.woff2") format("woff2"),
           url("/assets/fonts/BRSonomaSemiBold.woff") format("woff");
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: BRSonoma-Black;
      src: url("/assets/fonts/BRSonomaBlack.woff2") format("woff2"),
           url("/assets/fonts/BRSonomaBlack.woff") format("woff");
      font-weight: 900;
      font-style: normal;
      font-display: swap;
    }
  </style>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" integrity="sha512-c42qTSw/wPZ3/5LBzD+Bw5f7bSF2oxou6wEb+I/lqeaKV5FDIfMvvRp772y4jcJLKuGUOpbJMdg/BTl50fJYAw==" crossorigin="anonymous" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/css/swiper.min.css" integrity="sha512-uCQmAoax6aJTxC03VlH0uCEtE0iLi83TW1Qh6VezEZ5Y17rTrIE+8irz4H4ehM7Fbfbm8rb30OkxVkuwhXxrRg==" crossorigin="anonymous" />
  <!-- styles -->
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
    <!-- custom css -->
            <title>Good Dog Design | 404</title>
<script>dataLayer = [];
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M93XGBZ');
</script><meta name="generator" content="SEOmatic">
<meta name="keywords" content="Digital Agency,Custom Websites,React,UX Design,Craft CMS,Shopify Plus,SAAS">
<meta name="description" content="Good Dog is a global Digital Agency that has been developing first-class products for clients of all sizes since 1993. Offices in Bay Area &amp; Adelaide.">
<meta name="referrer" content="no-referrer-when-downgrade">
<meta name="robots" content="all">
<meta content="en_US" property="og:locale">
<meta content="Good Dog Design" property="og:site_name">
<meta content="website" property="og:type">
<meta content="https://www.gooddogdesign.com/404" property="og:url">
<meta content="404" property="og:title">
<meta content="Good Dog is a global Digital Agency that has been developing first-class products for clients of all sizes since 1993. Offices in Bay Area &amp; Adelaide." property="og:description">
<meta content="https://s3.us-west-1.amazonaws.com/dev-www.gooddogdesign.com/images/SEO/_1200x630_crop_center-center_82_none/Cover.jpg?mtime=1643345794" property="og:image">
<meta content="1200" property="og:image:width">
<meta content="630" property="og:image:height">
<meta content="Good Dog is a global Digital Agency that has been developing first-class products for clients of all sizes since 1993. Offices in Bay Area &amp; Adelaide." property="og:image:alt">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@gooddog">
<meta name="twitter:creator" content="@gooddog">
<meta name="twitter:title" content="404">
<meta name="twitter:description" content="Good Dog is a global Digital Agency that has been developing first-class products for clients of all sizes since 1993. Offices in Bay Area &amp; Adelaide.">
<meta name="twitter:image" content="https://s3.us-west-1.amazonaws.com/dev-www.gooddogdesign.com/images/SEO/_1200x630_crop_center-center_82_none/Cover.jpg?mtime=1643345794">
<meta name="twitter:image:width" content="1200">
<meta name="twitter:image:height" content="630">
<meta name="twitter:image:alt" content="Good Dog is a global Digital Agency that has been developing first-class products for clients of all sizes since 1993. Offices in Bay Area &amp; Adelaide.">
<link href="https://www.gooddogdesign.com/404" rel="canonical">
<link href="https://www.gooddogdesign.com/" rel="home">
<link type="text/plain" href="https://www.gooddogdesign.com/humans.txt" rel="author">
<link href="/assets/bundle.min.css?v=1773628924" rel="stylesheet"></head>


<body class="404 error" data-scope="error" data-entry-title="404"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M93XGBZ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

			<!-- Google Tag Manager (noscript) -->
		<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N667K8R"
		height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
		<!-- End Google Tag Manager (noscript) -->
				
				
  


<header class="transition-all duration-500 ease-in-out w-full z-10 fixed top-0 left-0 py-6 dark:bg-transparent dark:bg-none
    "
  >
  <div class="px-5 md:px-10">
    <div class="grid grid-cols-2">
      <nav id="site-navigation" class="grid grid-cols-2">
        <div class="w-20 md:w-24">
          <a href="/">
            <img src="/assets/images/Good Dog Design.svg" class="w-full" alt="Good Dog Design Logo" />
          </a>
          <div class="p-3 m-3 rounded-lg  bg-white bg-opacity-25 dark:bg-black dark:bg-opacity-25">
	          <a href="#" class="menu-hamburger w-auto" style="width:auto;">
	            <div></div>
	            <div></div>
	          </a>
	        </div>
        </div>
        <ul>
                      <li id="work"><a href="/work" class="tracking-tight brs-black">Work</a></li>
                      <li id="services"><a href="/services" class="tracking-tight brs-black">Services</a></li>
                      <li id="about us"><a href="/about" class="tracking-tight brs-black">About Us</a></li>
                      <li id="our team"><a href="/about/our-team" class="tracking-tight brs-black">Our Team</a></li>
                      <li id="contact"><a href="/contact" class="tracking-tight brs-black">Contact</a></li>
                  </ul>
      </nav>

      <div class="flex items-start justify-end">
        <a href="/contact" class="z-30 relative rounded-full font-bold transition duration-500 ease-in-out bg-white dark:bg-gray-700
         text-gray-900 hover:text-gray-800 dark:text-gray-100 dark:hover:text-gray-200 py-2 px-4 shadow-sm 
         hover:shadow-xl transform hover:-translate-y-0.5 hover:scale-105">Contact</a>
      </div>
    </div>
  </div>
</header>
				<main class="nav-gutter mt-32 md:mt-12 md:mt-0 overflow-y-hidden" id="content" role="main">
			<style>
main{
	min-height: 55vh;
	display:flex;
	align-items:center;
	justify-content:center;
}
#title {
  text-align:center;
  font-size:40px;
  margin-top:40px;
  margin-bottom:-40px;
  position:relative;
  color:#fff;
}



.circles { 
	background:#F3F4F6;
	text-align: center;
	position: relative;
  
}

.circles p {
	font-size: 240px;
	color: #fff;
	padding-top: 60px;
	position: relative;
  z-index: 9;
  line-height: 100%;
}
.circles p small { 
  font-size: 40px; 
  line-height: 100%; 
  vertical-align: top;   
}

@media(max-width:767px){
	.circles p{
		font-size: 100px
	}

	.circles p small { 
		font-size: 24px
	}
}	



.circles .circle.small {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: #48A9E6;
	position: absolute;
	z-index: 1;
	top: 80px;
	left: 50%;
	animation: 7s smallmove infinite cubic-bezier(1,.22,.71,.98);	
	-webkit-animation: 7s smallmove infinite cubic-bezier(1,.22,.71,.98);
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}

.circles .circle.med {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: #d1d5db;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 10%;
	animation: 7s medmove infinite cubic-bezier(.32,.04,.15,.75);	
	-webkit-animation: 7s medmove infinite cubic-bezier(.32,.04,.15,.75);
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

.circles .circle.big {
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: #fad855;
	position: absolute;
	z-index: 1;
	top: 200px;
	right: 0;
	animation: 8s bigmove infinite;	
	-webkit-animation: 8s bigmove infinite;
	animation-delay: 3s;
	-webkit-animation-delay: 1s;
}

@-webkit-keyframes smallmove {
	0% { top: 10px; left: 45%; opacity: 1; }
	25% { top: 300px; left: 40%; opacity:0.7; }
	50% { top: 240px; left: 55%; opacity:0.4; }
	75% { top: 100px; left: 40%;  opacity:0.6; }
	100% { top: 10px; left: 45%; opacity: 1; }
}
@keyframes smallmove {
	0% { top: 10px; left: 45%; opacity: 1; }
	25% { top: 300px; left: 40%; opacity:0.7; }
	50% { top: 240px; left: 55%; opacity:0.4; }
	75% { top: 100px; left: 40%;  opacity:0.6; }
	100% { top: 10px; left: 45%; opacity: 1; }
}

@-webkit-keyframes medmove {
	0% { top: 0px; left: 20%; opacity: 1; }
	25% { top: 300px; left: 80%; opacity:0.7; }
	50% { top: 240px; left: 55%; opacity:0.4; }
	75% { top: 100px; left: 40%;  opacity:0.6; }
	100% { top: 0px; left: 20%; opacity: 1; }
}

@keyframes medmove {
	0% { top: 0px; left: 20%; opacity: 1; }
	25% { top: 300px; left: 80%; opacity:0.7; }
	50% { top: 240px; left: 55%; opacity:0.4; }
	75% { top: 100px; left: 40%;  opacity:0.6; }
	100% { top: 0px; left: 20%; opacity: 1; }
}

@-webkit-keyframes bigmove {
	0% { top: 0px; right: 4%; opacity: 0.5; }
	25% { top: 100px; right: 40%; opacity:0.4; }
	50% { top: 240px; right: 45%; opacity:0.8; }
	75% { top: 100px; right: 35%;  opacity:0.6; }
	100% { top: 0px; right: 4%; opacity: 0.5; }
}
@keyframes bigmove {
	0% { top: 0px; right: 4%; opacity: 0.5; }
	25% { top: 100px; right: 40%; opacity:0.4; }
	50% { top: 240px; right: 45%; opacity:0.8; }
	75% { top: 100px; right: 35%;  opacity:0.6; }
	100% { top: 0px; right: 4%; opacity: 0.5; }
}
</style>
<div id="error-404">
	<div class="container error-404">
		<div class="row">
		<div class="circles">
      <p>404<br>
       <small>PAGE NOT FOUND</small>
      </p>
      <span class="circle big"></span>
      <span class="circle med"></span>
      <span class="circle small"></span>
    </div>
					</div>
	</div>
</div>
		</main>
	<footer class="bg-gray-800 bg-gradient-to-b from-gray-900  to-gray-800 text-gray-300 mt-auto py-16 md:text-left">
  <div class="max-auto relative max-w-7xl mx-auto md:pl-40 container">
    <div class="grid grid-cols-1 md:grid-cols-3 md:gap-12">
      <div class="mb-10">
        <div class="flex flex-1 flex-col md:flex-row">
          <h4 class="text-white my-0 tracking-tight">Good Dog Design</h4>
        </div>
        <p class=" my-6 leading-6 text-gray-300 text-base"><p>Since 1993, we've been providing full-service design, website, and custom software development to clients in the Bay Area, Adelaide, and across the world.</p></p>
        <h6 class="text-gray-400 uppercase my-4 tracking-widest">Offices</h6>
        <div class="space-y-4">
          <p class="w-100 xl:w-2/4  text-gray-400 text-sm">Adelaide, SA <span class="clock time" data-time-zone="Australia/Adelaide"></span></p>
          <p class="w-100 xl:w-2/4 text-gray-400 text-sm">Mill Valley, CA <span class="clock time" data-time-zone="America/Los_Angeles"></span></p>
        </div>
      </div>
      <div class="col-span-2 mt-5">
        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
          <div>
            <h6 class="text-gray-400 uppercase mb-8 tracking-widest">Website</h6>
            <nav>
              <ul class="space-y-6 mb-6">
                                  <li><a href="/" class="text-gray-300 font-medium hover:text-white transition duration-500 ease-in-out">Home</a></li>
                                  <li><a href="/work" class="text-gray-300 font-medium hover:text-white transition duration-500 ease-in-out">Our Work</a></li>
                                  <li><a href="/about" class="text-gray-300 font-medium hover:text-white transition duration-500 ease-in-out">About</a></li>
                                  <li><a href="/services" class="text-gray-300 font-medium hover:text-white transition duration-500 ease-in-out">Services</a></li>
                              </ul>
            </nav>
          </div>
          <div>
            <h6 class="text-gray-400 uppercase mb-8 tracking-widest">Solutions</h6>
            <nav>
              <ul class="space-y-6 mb-6">
              <ul class="space-y-6 mb-6">
                                  <li><a href="/services/ux-consulting" class="text-gray-300 font-medium hover:text-white transition duration-500 ease-in-out">UX Consulting</a></li>
                                  <li><a href="/services/early-stage-development" class="text-gray-300 font-medium hover:text-white transition duration-500 ease-in-out">Early Stage</a></li>
                                  <li><a href="/services/bespoke-craft-cms-sites" class="text-gray-300 font-medium hover:text-white transition duration-500 ease-in-out">Bespoke Website</a></li>
                                  <li><a href="/services/custom-software-development" class="text-gray-300 font-medium hover:text-white transition duration-500 ease-in-out">Custom Software Development</a></li>
                                  <li><a href="/services/full-service-shopify-design-development-support" class="text-gray-300 font-medium hover:text-white transition duration-500 ease-in-out">Shopify Plus</a></li>
                                  <li><a href="/services/full-service-website-maintenance" class="text-gray-300 font-medium hover:text-white transition duration-500 ease-in-out">Sys + App Maintenance</a></li>
                              </ul>
              </ul>
            </nav>
          </div>
          <div>
            <h6 class="text-gray-400 uppercase mb-8 tracking-widest">Contact</h6>
            <nav>
              <ul class="space-y-6 mb-6">
                                  <li><a href="/contact" class="text-gray-300 font-medium hover:text-white transition duration-500 ease-in-out">Ask a Question</a></li>
                              </ul>
            </nav>
            <h6 class="text-gray-400 uppercase my-8 tracking-widest">Follow</h6>
            <div class="flex justify-center md:justify-start space-x-4">
                            <a href="https://www.facebook.com/gooddogdesign/" class="inline-block hover:text-gray-100 text-gray-300 transform transition duration-300 ease-in-out scale-100 hover:scale-110">
                <span class="fab fa-facebook text-xl" />
              </a>
                            <a href="https://twitter.com/gooddog?lang=en" class="inline-block hover:text-gray-100 text-gray-300 transform transition duration-300 ease-in-out scale-100 hover:scale-110">
                <span class="fab fa-twitter text-xl" />
              </a>
                          </div>
          </div>
        </div>
      </div>
    </div>
    <div class="mt-16">
      <p class="md:inline-block mb-4 md:mr-10 font-thin text-gray-500 text-sm">&copy; 1993 - 2026 Good Dog Design</p>
      <p class="md:inline-block mb-4 font-thin text-gray-500 text-sm">Good Dog Logo is a registered trademark</p>
    </div>
  </div>
</footer>		
  <!--third party scripts -->
<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@10.19.0/dist/lazyload.min.js"></script>
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>
<script src="https://unpkg.com/animejs@3.1.0/lib/anime.min.js"></script>
<script src="https://www.google.com/recaptcha/api.js"></script>
<!-- main javascript file, use minified version for production -->
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","author":{"@id":"#identity"},"copyrightHolder":{"@id":"#identity"},"copyrightYear":"2022","creator":{"@id":"#creator"},"dateCreated":"2022-02-01T09:22:24-08:00","dateModified":"2025-10-14T09:13:45-07:00","datePublished":"2022-02-01T09:22:00-08:00","description":"Good Dog is a global Digital Agency that has been developing first-class products for clients of all sizes since 1993. Offices in Bay Area & Adelaide.","headline":"404","image":{"@type":"ImageObject","url":"https://s3.us-west-1.amazonaws.com/dev-www.gooddogdesign.com/images/SEO/_1200x630_crop_center-center_82_none/Cover.jpg?mtime=1643345794"},"inLanguage":"en-us","mainEntityOfPage":"https://www.gooddogdesign.com/404","name":"404","publisher":{"@id":"#creator"},"url":"https://www.gooddogdesign.com/404"},{"@id":"#identity","@type":"LocalBusiness","priceRange":"$"},{"@id":"#creator","@type":"Organization"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://www.gooddogdesign.com/","name":"Home","position":1},{"@type":"ListItem","item":"https://www.gooddogdesign.com/404","name":"404","position":2}],"name":"Breadcrumbs"}]}</script><script src="/assets/bounce.min.js?v=1773628924"></script>
<script src="/assets/bundle.min.js?v=1773628924"></script></body>
</html>
