<!DOCTYPE html>
<html lang="en" class="dark-mode">
<head>

    <title>Signalnoise Blog | The Art of James White</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="HandheldFriendly" content="True" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <link rel="preload" as="style" href="https://blog.signalnoise.com/assets/built/screen.css?v=1443a7f1c1" />
    <link rel="preload" as="script" href="https://blog.signalnoise.com/assets/built/casper.js?v=1443a7f1c1" />

    <link rel="stylesheet" type="text/css" href="https://blog.signalnoise.com/assets/built/screen.css?v=1443a7f1c1" />

    <meta name="description" content="Signalnoise is the official blog of James White... designer, illustrator, and retro-futurist exploring bold neon art, creative process, 80s tech nostalgia, and behind-the-scenes design insights.">
    <link rel="icon" href="https://blog.signalnoise.com/content/images/size/w256h256/2025/12/SN_Icon-2.png" type="image/png">
    <link rel="canonical" href="https://blog.signalnoise.com/">
    <meta name="referrer" content="no-referrer-when-downgrade">
    
    <meta property="og:site_name" content="Signalnoise Blog | The Art of James White">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Signalnoise Blog | The Art of James White">
    <meta property="og:description" content="Signalnoise is the official blog of James White... designer, illustrator, and retro-futurist exploring bold neon art, creative process, 80s tech nostalgia, and behind-the-scenes design insights.">
    <meta property="og:url" content="https://blog.signalnoise.com/">
    <meta property="og:image" content="https://blog.signalnoise.com/content/images/2026/01/snblog_socialshare-1.png">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Signalnoise Blog | The Art of James White">
    <meta name="twitter:description" content="Signalnoise is the official blog of James White... designer, illustrator, and retro-futurist exploring bold neon art, creative process, 80s tech nostalgia, and behind-the-scenes design insights.">
    <meta name="twitter:url" content="https://blog.signalnoise.com/">
    <meta name="twitter:image" content="https://blog.signalnoise.com/content/images/2026/01/snblog_socialshare-1.png">
    <meta name="twitter:site" content="@signalnoise">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    
    <script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "WebSite",
    "publisher": {
        "@type": "Organization",
        "name": "Signalnoise Blog | The Art of James White",
        "url": "https://blog.signalnoise.com/",
        "logo": {
            "@type": "ImageObject",
            "url": "https://blog.signalnoise.com/content/images/2025/12/SN_Logo-9.png",
            "width": 431,
            "height": 50
        }
    },
    "url": "https://blog.signalnoise.com/",
    "name": "Signalnoise Blog | The Art of James White",
    "image": {
        "@type": "ImageObject",
        "url": "https://blog.signalnoise.com/content/images/2026/01/snblog_socialshare-1.png",
        "width": 1200,
        "height": 630
    },
    "mainEntityOfPage": "https://blog.signalnoise.com/",
    "description": "Signalnoise is the official blog of James White... designer, illustrator, and retro-futurist exploring bold neon art, creative process, 80s tech nostalgia, and behind-the-scenes design insights."
}
    </script>

    <meta name="generator" content="Ghost 6.26">
    <link rel="alternate" type="application/rss+xml" title="Signalnoise Blog | The Art of James White" href="https://blog.signalnoise.com/rss/">
    <script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.67/umd/portal.min.js" data-i18n="true" data-ghost="https://blog.signalnoise.com/" data-key="3beb34a3820565dc4f927c1cc4" data-api="https://signalnoise.ghost.io/ghost/api/content/" data-locale="en" crossorigin="anonymous"></script><style id="gh-members-styles">.gh-post-upgrade-cta-content,
.gh-post-upgrade-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
}

.gh-post-upgrade-cta-content {
    border-radius: 8px;
    padding: 40px 4vw;
}

.gh-post-upgrade-cta h2 {
    color: #ffffff;
    font-size: 28px;
    letter-spacing: -0.2px;
    margin: 0;
    padding: 0;
}

.gh-post-upgrade-cta p {
    margin: 20px 0 0;
    padding: 0;
}

.gh-post-upgrade-cta small {
    font-size: 16px;
    letter-spacing: -0.2px;
}

.gh-post-upgrade-cta a {
    color: #ffffff;
    cursor: pointer;
    font-weight: 500;
    box-shadow: none;
    text-decoration: underline;
}

.gh-post-upgrade-cta a:hover {
    color: #ffffff;
    opacity: 0.8;
    box-shadow: none;
    text-decoration: underline;
}

.gh-post-upgrade-cta a.gh-btn {
    display: block;
    background: #ffffff;
    text-decoration: none;
    margin: 28px 0 0;
    padding: 8px 18px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
}

.gh-post-upgrade-cta a.gh-btn:hover {
    opacity: 0.92;
}</style>
    <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/sodo-search.min.js" data-key="3beb34a3820565dc4f927c1cc4" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/main.css" data-sodo-search="https://signalnoise.ghost.io/" data-locale="en" crossorigin="anonymous"></script>
    
    <link href="https://blog.signalnoise.com/webmentions/receive/" rel="webmention">
    <script defer src="/public/cards.min.js?v=1443a7f1c1"></script>
    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=1443a7f1c1">
    <script defer src="/public/comment-counts.min.js?v=1443a7f1c1" data-ghost-comments-counts-api="https://blog.signalnoise.com/members/api/comments/counts/"></script>
    <script defer src="/public/member-attribution.min.js?v=1443a7f1c1"></script>
    <script defer src="/public/ghost-stats.min.js?v=1443a7f1c1" data-stringify-payload="false" data-datasource="analytics_events" data-storage="localStorage" data-host="https://blog.signalnoise.com/.ghost/analytics/api/v1/page_hit"  tb_site_uuid="66493924-e39b-49cb-8a6d-8abb6789da15" tb_post_uuid="undefined" tb_post_type="null" tb_member_uuid="undefined" tb_member_status="undefined"></script><style>:root {--ghost-accent-color: #000123;}</style>
    <!-- Load Google Font: Russo One -->
<link href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" rel="stylesheet">

<style>
  /* ----------------------------------------
     BASE STYLES
  ---------------------------------------- */
body {
    background-color: #000123 !important;
    color: #ffffff !important;
    background-image: url('https://blog.signalnoise.com/content/images/2026/01/SNBlog_Background.png');
    background-repeat: repeat-x;
    background-position: top center;
    background-size: auto 6px;
}

  body::before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-image: url('https://blog.signalnoise.com/content/images/2026/01/SNBlog_Background.png');
  background-repeat: repeat-x;
  background-position: center top;
  background-size: auto 6px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}



  p, li, span, div, article, section {
    color: #9999cc !important;
  }

  html.dark-mode img {
    opacity: 1 !important;
  }

  /* ----------------------------------------
     HEADER + NAVIGATION
  ---------------------------------------- */
  .gh-head-inner.inner {
    padding-top: 55px !important;
  }

  .site-header,
  .gh-head,
  header.site-header {
    background-color: #000123 !important;
  }

  .site-nav a,
  .nav a,
  .gh-head a,
  .site-header a {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-decoration: none;
  }

  .site-nav a:hover,
  .nav a:hover,
  .gh-head a:hover,
  .site-header a:hover {
    color: #ff3399 !important;
  }

  @media (max-width: 767px) {
  /* Add space between nav and first post */
  .gh-head {
    margin-bottom: 24px !important;
  }

  /* Optional: if that doesn't apply, target the inner wrapper */
  .gh-head-inner.inner {
    margin-bottom: 24px !important;
  }
}

  /* ----------------------------------------
     POST FEED
  ---------------------------------------- */
  .post-feed {
    padding-top: 33px !important;
  }

  .post-card-image {
    border-radius: 8px !important;
    overflow: hidden;
  }

  /* ----------------------------------------
     TITLES & TYPOGRAPHY
  ---------------------------------------- */
  h2.post-card-title,
  h1.article-title {
    font-family: 'Russo One', sans-serif !important;
    font-weight: normal !important;
  }

  /* ----------------------------------------
     POST METADATA (DATE, TAGS)
  ---------------------------------------- */
  .post-card-meta-date {
    color: #7652ff !important;
    font-style: italic !important;
  }

  /* Post card and article tags */
  .post-card-primary-tag,
  .article-tag {
    color: #ff3399 !important;
    font-weight: bold;
    text-transform: uppercase;
    transition: color 0.2s ease-in-out;
  }

  .post-card-primary-tag:hover,
  .article-tag:hover {
    color: #ff9900 !important;
  }

  .post-card-tags {
    color: #7c7c9a !important;
  }

  .post-card-tags a,
  .article-tag a,
  .post-card-primary-tag a {
    color: #7c7c9a !important;
    text-decoration: none;
  }

  .post-card-tags a:hover,
  .article-tag a:hover,
  .post-card-primary-tag a:hover {
    color: #ff3399 !important;
  }

   /* Target all tag links on post pages */
  .article.post .post-card-primary-tag a,
  .article.post .article-tag a,
  .article.post .post-card-tag a,
  .article.post .post-tag a,
  .article.post .post-tags a {
    color: #ff3399 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    letter-spacing: 0.02em;
    text-decoration: none !important;
    transition: color 0.2s ease-in-out;
    display: inline-block;
    margin-right: 0.5em;
  }

  /* Hover state for tag links */
  .article.post .post-card-primary-tag a:hover,
  .article.post .article-tag a:hover,
  .article.post .post-card-tag a:hover,
  .article.post .post-tag a:hover,
  .article.post .post-tags a:hover {
    color: #ff9900 !important;
  }

    /* Style post date on individual post pages */
  .article.post time.byline-meta-date {
    color: #7652ff !important;
    font-style: italic !important;
  }

@media (max-width: 767px) {
  /* Force horizontal layout inside article byline */
  .article-byline-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.75rem; /* spacing between image and meta */
  }

  /* Make sure image doesn't stretch or push text down */
  .article-byline-content .author-profile-image {
    flex-shrink: 0 !important;
    width: 52px !important; /* or your preferred size */
    height: 52px !important;
  }

  /* Remove top spacing that might be forcing stacking */
  .article-byline-meta {
    margin-top: 0 !important;
    display: block !important;
  }
}

  /* ----------------------------------------
     ARTICLE BYLINE
  ---------------------------------------- */
  .article-byline-content {
    border-top: 1px solid #232368 !important;
    border-bottom: 1px solid #232368 !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
  }

  /* ----------------------------------------
     FOOTER
  ---------------------------------------- */
  .site-footer,
  footer.site-footer,
  .gh-foot {
    background-color: #000123 !important;
  }
</style>

</head>
<body class="home-template is-head-left-logo">
<div class="viewport">

    <header id="gh-head" class="gh-head outer is-header-hidden">
        <div class="gh-head-inner inner">
            <div class="gh-head-brand">
                <a class="gh-head-logo" href="https://blog.signalnoise.com">
                        <img src="https://blog.signalnoise.com/content/images/2025/12/SN_Logo-9.png" alt="Signalnoise Blog | The Art of James White">
                </a>
                <button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button>
                <button class="gh-burger" aria-label="Main Menu"></button>
            </div>

            <nav class="gh-head-menu">
                <ul class="nav">
    <li class="nav-about"><a href="https://blog.signalnoise.com/about/">About</a></li>
    <li class="nav-portfolio"><a href="https://signalnoise.com/">Portfolio</a></li>
</ul>

            </nav>

            <div class="gh-head-actions">
                    <button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button>
                    <div class="gh-head-members">
                                <a class="gh-head-link" href="#/portal/signin" data-portal="signin">Sign in</a>
                                <a class="gh-head-button" href="#/portal/signup" data-portal="signup">Subscribe</a>
                    </div>
            </div>
        </div>
    </header>

    <div class="site-content">
        
<div class="site-header-content outer no-content">



</div>

<main id="site-main" class="site-main outer">
<div class="inner posts">

    <div class="post-feed">
            
<article class="post-card post tag-news post-card-large">

    <a class="post-card-image-link" href="/street-wolf/">

        <img class="post-card-image"
            srcset="/content/images/size/w300/2025/12/Blog_SW-1.png 300w,
                    /content/images/size/w600/2025/12/Blog_SW-1.png 600w,
                    /content/images/size/w1000/2025/12/Blog_SW-1.png 1000w,
                    /content/images/size/w2000/2025/12/Blog_SW-1.png 2000w"
            sizes="(max-width: 1000px) 400px, 800px"
            src="/content/images/size/w600/2025/12/Blog_SW-1.png"
            alt="Back to the Blog"
            loading="lazy"
        />


    </a>

    <div class="post-card-content">

        <a class="post-card-content-link" href="/street-wolf/">
            <header class="post-card-header">
                <div class="post-card-tags">
                        <span class="post-card-primary-tag">News</span>
                </div>
                <h2 class="post-card-title">
                    Back to the Blog
                </h2>
            </header>
                <div class="post-card-excerpt">It probably won’t surprise those of you who have been in my orbit for a while, but it’s time to make it official. I’m stepping back from social media. I haven’t been regular on these platforms for a while, but I’ve reached the point where</div>
        </a>

        <footer class="post-card-meta">
            <time class="post-card-meta-date" datetime="2025-12-27">27 Dec 2025</time>
                <span class="post-card-meta-length">2 min read</span>
                <script
    data-ghost-comment-count="694f26f57b57b70001a5f2d8"
    data-ghost-comment-count-empty=""
    data-ghost-comment-count-singular="comment"
    data-ghost-comment-count-plural="comments"
    data-ghost-comment-count-tag="span"
    data-ghost-comment-count-class-name=""
    data-ghost-comment-count-autowrap="true"
>
</script>
        </footer>

    </div>

</article>
            
<article class="post-card post tag-news dynamic">

    <a class="post-card-image-link" href="/a-fourth-post/">

        <img class="post-card-image"
            srcset="/content/images/size/w300/2025/12/Blog_Archives.png 300w,
                    /content/images/size/w600/2025/12/Blog_Archives.png 600w,
                    /content/images/size/w1000/2025/12/Blog_Archives.png 1000w,
                    /content/images/size/w2000/2025/12/Blog_Archives.png 2000w"
            sizes="(max-width: 1000px) 400px, 800px"
            src="/content/images/size/w600/2025/12/Blog_Archives.png"
            alt="Signalnoise Archive"
            loading="lazy"
        />


    </a>

    <div class="post-card-content">

        <a class="post-card-content-link" href="/a-fourth-post/">
            <header class="post-card-header">
                <div class="post-card-tags">
                        <span class="post-card-primary-tag">News</span>
                </div>
                <h2 class="post-card-title">
                    Signalnoise Archive
                </h2>
            </header>
                <div class="post-card-excerpt">This site’s still in setup mode — code tweaks, font tests, colour tuning, the usual early stage chaos. But that’s part of the fun.

Soon this space will be filled with artwork, process posts, and deep dives into the design rabbit hole.

If you’re into that kind of</div>
        </a>

        <footer class="post-card-meta">
            <time class="post-card-meta-date" datetime="2025-12-26">26 Dec 2025</time>
                <script
    data-ghost-comment-count="694ee72b7b57b70001a5f2b1"
    data-ghost-comment-count-empty=""
    data-ghost-comment-count-singular="comment"
    data-ghost-comment-count-plural="comments"
    data-ghost-comment-count-tag="span"
    data-ghost-comment-count-class-name=""
    data-ghost-comment-count-autowrap="true"
>
</script>
        </footer>

    </div>

</article>
            
<article class="post-card post tag-news dynamic">

    <a class="post-card-image-link" href="/finally-a-third-post/">

        <img class="post-card-image"
            srcset="/content/images/size/w300/2025/12/Blog_STARKADE.png 300w,
                    /content/images/size/w600/2025/12/Blog_STARKADE.png 600w,
                    /content/images/size/w1000/2025/12/Blog_STARKADE.png 1000w,
                    /content/images/size/w2000/2025/12/Blog_STARKADE.png 2000w"
            sizes="(max-width: 1000px) 400px, 800px"
            src="/content/images/size/w600/2025/12/Blog_STARKADE.png"
            alt="The Origin of STARKADE"
            loading="lazy"
        />


    </a>

    <div class="post-card-content">

        <a class="post-card-content-link" href="/finally-a-third-post/">
            <header class="post-card-header">
                <div class="post-card-tags">
                        <span class="post-card-primary-tag">News</span>
                </div>
                <h2 class="post-card-title">
                    The Origin of STARKADE
                </h2>
            </header>
                <div class="post-card-excerpt">It’s tough to write about the history of STARKADE because the roots go back nearly 40 years. This isn’t just a project. It’s my life’s work.

It all starts in 1987 with my best friend Mike Field and I huddled over our Grade 5 scribblers, sketching</div>
        </a>

        <footer class="post-card-meta">
            <time class="post-card-meta-date" datetime="2025-12-26">26 Dec 2025</time>
                <span class="post-card-meta-length">1 min read</span>
                <script
    data-ghost-comment-count="694eb6e37b57b70001a5f293"
    data-ghost-comment-count-empty=""
    data-ghost-comment-count-singular="comment"
    data-ghost-comment-count-plural="comments"
    data-ghost-comment-count-tag="span"
    data-ghost-comment-count-class-name=""
    data-ghost-comment-count-autowrap="true"
>
</script>
        </footer>

    </div>

</article>
    </div>

    <nav class="pagination">
    <span class="page-number">Page 1 of 1</span>
</nav>


</div>
</main>

    </div>

    <footer class="site-footer outer">
        <div class="inner">
            <section class="copyright"><a href="https://blog.signalnoise.com">Signalnoise Blog | The Art of James White</a> &copy; 2026</section>
            <nav class="site-footer-nav">
                <ul class="nav">
    <li class="nav-sign-up nav-current"><a href="#/portal/">Sign up</a></li>
</ul>

            </nav>
            <div class="gh-powered-by"><a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a></div>
        </div>
    </footer>

</div>


<script
    src="https://code.jquery.com/jquery-3.5.1.min.js"
    integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
    crossorigin="anonymous">
</script>
<script src="https://blog.signalnoise.com/assets/built/casper.js?v=1443a7f1c1"></script>
<script>
$(document).ready(function () {
    // Mobile Menu Trigger
    $('.gh-burger').click(function () {
        $('body').toggleClass('gh-head-open');
    });
    // FitVids - Makes video embeds responsive
    $(".gh-content").fitVids();
});
</script>



</body>
</html>
