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

<head>
  <meta charset="utf-8">
  <title>Firebelly Design | Branding | Strategy | Graphic Design | Chicago</title>
  <link rel="canonical" href="https://www.firebellydesign.com/?format=rss">
  <meta name="description" content="Firebelly Design is a socially conscious boutique design studio based in Chicago. We specialize in branding, strategy and Good Design for Good Reason™.">
  <meta name="google-site-verification" content="clcwIm8zAwhSWBVXOhz9UBllB3mZpdOAXeoL2AaCZQc">
  <meta name="p:domain_verify" content="54d124bc9c4618cfe38edde207b08e55">

  <link rel="stylesheet" href="/assets/dist/styles/main.css">
  <link rel="shortcut icon" type="image/ico" href="/favicon.ico">
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

  <meta name="HandheldFriendly" content="True">
  <meta name="MobileOptimized" content="320">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <meta property="fb:app_id" content="1675583716017779">
  <meta property="og:type" content="website">
  <meta property="og:locale" content="en_us">
  <meta property="og:url" content="https://www.firebellydesign.com/">
  <meta property="og:site_name" content="Firebelly Design">
  <meta property="og:title" content="Firebelly Design | Branding | Strategy | Graphic Design | Chicago">
  <meta property="og:description" content="Firebelly Design is a socially conscious boutique design studio based in Chicago. We specialize in branding, strategy and Good Design for Good Reason™.">
  <meta property="og:image" content="https://www.firebellydesign.com/imager/global/97170/teamwork_66f89c0acd8b537effb842e11f71a66c.jpg">
  <meta property="og:image:type" content="image/jpeg">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:site" content="@firebellydesign">
  <meta name="twitter:creator" content="@firebellydesign">
  <meta name="twitter:title" content="Firebelly Design | Branding | Strategy | Graphic Design | Chicago">
  <meta name="twitter:description" content="Firebelly Design is a socially conscious boutique design studio based in Chicago. We specialize in branding, strategy and Good Design for Good Reason™.">
  <meta property="twitter:image" content="https://www.firebellydesign.com/imager/global/97170/teamwork_8df265f5037365f7e4209088d4d2c2be.jpg">
  <link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>

  <script>
    var ajax = new XMLHttpRequest();
    ajax.open("GET", "/assets/dist//svgs-defs.svg", true);
    ajax.send();
    ajax.onload = function(e) {
      var div = document.createElement("div");
      div.className += "svg-defs hidden";
      div.innerHTML = ajax.responseText;
      document.body.insertBefore(div, document.body.childNodes[0]);
    }
  </script>
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-998109-1', 'auto');
    ga('send', 'pageview');
  </script>
</head>
  
<body class="page-homepage with-blobs " id="top">
  <div id="breakpoint-indicator" class="hidden"></div>

  <header class="site-header clearfix" role="banner">
    <div class="container">
      
      <div id="logo">
        <a href="/"><span class="visually-hidden">Firebelly</span><div class="logo-svg">
  <svg id="logo-f" width="32" height="32" viewBox="0 0 32 32"><path id="f" d="M15.947 32C7.15347 32 -3.12688e-07 24.8226 -6.97064e-07 15.9997C-1.08144e-06 7.17676 7.15347 -0.000652627 15.9463 1.20798e-06C24.7392 0.000655043 31.8933 7.17741 31.8933 16.0003C31.8933 24.8232 24.7398 32 15.947 32ZM15.9463 0.951318C7.67645 0.951318 0.948144 7.70149 0.948144 15.9997C0.948145 24.2979 7.67645 31.048 15.9463 31.048C24.2162 31.048 30.9445 24.2979 30.9445 15.9997C30.9445 7.70149 24.2168 0.951318 15.9463 0.951318Z"/><path id="circcle" d="M10.4387 8.05217L12.2242 9.84358L12.2242 22.1564L10.4394 23.9478L18.6505 23.9478L16.3076 22.1564L16.3076 16.4027L19.3842 19.5295L19.3842 12.3809L16.3076 15.5077L16.3076 9.3954L18.6499 9.3954L21.9971 13.2013L21.9971 8.05217L10.4387 8.05217Z" fill="#231F20"/></svg>
</div>
</a>
      </div>

      
<nav class="site-nav" role="navigation" id="site-nav">
  <button id="nav-close" class="nav-toggle close"><svg class="icon icon-close" aria-hidden="true" role="presentation"><use xlink:href="#icon-close"/></svg></button>
  <ul class="primary">
          <li class="nav-work"><a href="/work">Work</a></li>
          <li class="nav-services"><a href="/services">Services</a></li>
          <li class="nav-about"><a href="/about">About</a></li>
          <li class="nav-ideas"><a href="/ideas">Ideas</a></li>
          <li class="nav-contact"><a href="/contact">Contact</a></li>
      </ul>
</nav>
      <button id="nav-open" type="button" class="nav-toggle open">Menu</button>
    </div>
  </header>

  <div class="logo-wordmark"><a href="/"><svg width="88" height="22" viewBox="0 0 88 22" xmlns="http://www.w3.org/2000/svg"><path d="M5.88492 2.40642L5.88492 8.53648L9.42092 4.94466L9.42092 13.0268L5.88492 9.43499L5.88492 15.2054L8.23495 17.0013L0 17.0013L1.78991 15.2054L1.78991 2.85732L-6.92117e-07 1.06141L12.3069 1.06141L12.3069 6.22589L8.9496 2.40862L5.88492 2.40642Z"/><path d="M17.3183 15.4288L18.7498 17.0004L12.1262 17.0004L13.6256 15.4288L13.6256 7.56992L12.1042 5.99836L17.3183 5.99836L17.3183 15.4288Z"/><path d="M15.4605 4.85437C14.3414 4.85437 13.447 3.95586 13.447 2.8561C13.447 1.71125 14.3425 0.835844 15.4605 0.835843C16.5797 0.835843 17.4521 1.71125 17.4521 2.8561C17.4532 3.95586 16.5797 4.85437 15.4605 4.85437Z"/><path d="M24.1866 15.4288L25.9097 17.0004L19.4427 17.0004L20.5619 15.4288L20.5619 7.57102L19.4427 5.99946L23.4314 5.99946L23.2243 8.71587L23.3131 8.71587C24.0518 7.16741 25.1698 5.70692 26.7142 5.70692C27.0047 5.70692 27.5867 5.8191 27.7435 5.99836L27.7435 9.61327L24.1855 9.61327L24.1855 15.4288L24.1866 15.4288Z"/><path d="M37.9713 10.6911L31.7729 10.6911C31.8617 13.1612 33.3611 14.2829 34.8825 14.2829C36.2471 14.2829 36.896 13.722 37.7236 13.0028L38.2376 13.2272C37.4769 15.7412 35.9336 17.2908 33.6066 17.2908C30.3173 17.2908 28.6381 14.5964 28.6381 11.7007C28.6381 8.53448 30.6976 5.70589 33.6297 5.70589C36.4039 5.70589 37.9702 7.5249 37.9702 9.56715L37.9702 10.6911L37.9713 10.6911ZM34.7707 9.36699L34.7707 9.05246C34.7707 7.92961 34.3454 7.34564 33.5398 7.34564C32.8459 7.34564 32.1291 8.06378 31.8617 9.3659L34.7707 9.36699Z"/><path d="M43.5634 6.5604C44.1892 6.17879 45.0398 5.70699 46.2488 5.70699C49.091 5.70699 50.7241 8.08687 50.7241 11.0958C50.7241 14.5315 48.7994 17.293 45.2645 17.293C42.6229 17.293 41.1465 16.5297 39.8717 15.7665L39.8717 2.40771L38.3492 1.0605L43.5184 1.0605L43.5184 6.5615L43.5634 6.5615L43.5634 6.5604ZM43.5634 15.3838L44.4369 15.3838C45.578 15.3838 46.9207 14.8229 46.9207 12.0383C46.9207 9.25482 46.1381 8.24414 44.2802 8.24414L43.5634 8.24414L43.5634 15.3838Z"/><path d="M61.2836 10.6911L55.0852 10.6911C55.1739 13.1612 56.6734 14.2829 58.1959 14.2829C59.5594 14.2829 60.2094 13.722 61.0369 13.0028L61.5521 13.2272C60.7914 15.7412 59.247 17.2908 56.92 17.2908C53.6317 17.2908 51.9525 14.5964 51.9525 11.7007C51.9525 8.53447 54.011 5.70589 56.943 5.70589C59.7172 5.70589 61.2836 7.52489 61.2836 9.56715L61.2836 10.6911ZM58.0841 9.36699L58.0841 9.05246C58.0841 7.92961 57.6599 7.34563 56.8531 7.34563C56.1593 7.34563 55.4436 8.06378 55.175 9.36589L58.0841 9.36699Z"/><path d="M67.3254 15.4288L68.758 17.0004L62.1343 17.0004L63.6326 15.4288L63.6326 2.63089L62.1343 1.05934L67.3254 1.05934L67.3254 15.4288Z"/><path d="M74.2604 15.4288L75.693 17.0004L69.0682 17.0004L70.5677 15.4288L70.5677 2.63089L69.0682 1.05934L74.2593 1.05934L74.2604 15.4288Z"/><path d="M76.7005 18.5719L81.3095 18.5719L75.9836 5.99833L82.2051 5.99833L80.8174 7.56989L83.413 13.9694L83.459 13.9694L85.0692 9.63634L83.436 5.99833L88.0001 5.99833L82.9877 18.8853C82.3837 20.502 81.086 21.6699 79.6983 21.6699C78.2887 21.671 76.7005 20.7725 76.7005 18.5719Z"/><path d="M8.94946 2.40656L14.8048 9.06342L15.0383 7.34559L12.3068 5.98958L8.94946 2.40656Z"/></svg></a></div>
  
  <main class="site-main" role="main">

    <div id="page" class="transition-fade">
        
        <header class="text-header">
    <div class="container">
      <div class="title">
        <h2>Firebelly is a socially conscious creative studio specializing in strategic design.</h2>
        <h4 class="subhead">Good Design For Good Reason.™</h4>
      </div>
    </div>
  </header>

  
      <div class="recent-work section">
      <div class="container">
        <h4 class="lined">Recent</h4>
        <div class="thumbnail-grid grid spaced">
                      
            
<article class="project col-nav-1-2 -reveal">

      <a class="-inner js-cursor" href="https://www.firebellydesign.com/work/r2-companies" data-cursor-class="view">
      <div class="rollover-image">
        <img src="https://www.firebellydesign.com/imager/work/r2-companies/49599/R2-Business-Card-Detail-v1_80ffc85695db2c0ff52ad61a803e1023.jpg" alt="R2 logo printed white on a series of black business cards">
        <img src="https://www.firebellydesign.com/imager/work/r2-companies/53347/R2-1001_NB_thumbnail_80ffc85695db2c0ff52ad61a803e1023.jpg" alt="Rendering of an R2 project on Goose Island">
      </div>
    </a>
  
  <div class="project-content">
          <ul class="services">
                                          <li>Branding, </li>
                                  <li>Web, </li>
                                  <li>Content</li>
                        </ul>
        <h3 class="project-title"><a href="https://www.firebellydesign.com/work/r2-companies">R2 Companies: Modernizing a Maverick Firm</a></h3>
  </div>
</article>
                      
            
<article class="project col-nav-1-2 -reveal">

      <a class="-inner js-cursor" href="https://www.firebellydesign.com/work/onward" data-cursor-class="view">
      <div class="rollover-image">
        <img src="https://www.firebellydesign.com/imager/work/onward/93891/0-ONW-thumbnail_a0ed72919ffd907f1f83744a16911e20.jpg" alt="Stacks of individual Onward postcards laying on a table">
        <img src="https://www.firebellydesign.com/imager/work/onward/39734/23-ONW_stickers_d538511631f9faa4f8cc419ed2fea7da.jpg" alt="Six circular Onward Stickers laying flat">
      </div>
    </a>
  
  <div class="project-content">
          <ul class="services">
                                          <li>Research, </li>
                                  <li>Branding, </li>
                                  <li>Web</li>
                        </ul>
        <h3 class="project-title"><a href="https://www.firebellydesign.com/work/onward">Onward: Introducing a Revolutionary Voice in Racial Equity</a></h3>
  </div>
</article>
                  </div>
      </div>
    </div>
  
      <div class="what-we-do section">
      <div class="block-wrap">
        <div class="-inner">
          <div class="block-section-header">
            <h3>What We Do</h3>
          </div>

          <div class="block-stat-table">
            <ul>
                          <li class="grid">
                <h4 class="figure col-nav-1-2">Strategy</h4>
                <div class="label col-nav-1-2"><p>We develop research-driven business, brand and campaign strategies to maximize our clients’ reach and impact.</p></div>
              </li>
                          <li class="grid">
                <h4 class="figure col-nav-1-2">Design</h4>
                <div class="label col-nav-1-2"><p>We listen and learn all we can to create a brand&#039;s unique look and feel. The logo is just one piece of the puzzle. Luckily, we do it all.</p></div>
              </li>
                          <li class="grid">
                <h4 class="figure col-nav-1-2">Digital</h4>
                <div class="label col-nav-1-2"><p>We care about accessibility. We love to customize a CMS. We build things people want to use. What can we say—we give good net.</p></div>
              </li>
                        </ul>
          </div>

          <div class="section-cta">
            <div class="grid spaced align-right">
              <div class="col-nav-1-2 align-left">
                <a href="/services" class="button -black">All Services</a>
              </div>
            </div>
          </div>
        </div>
      </div><!-- /.block-wrap -->
    </div><!-- /.what-we-do -->
  
  
      <div class="featured-work section">
      <div class="container">
        <div class="thumbnail-grid">
                                    
            
<article class="project col-nav-1-2 -reveal">

      <a class="-inner js-cursor" href="https://www.firebellydesign.com/work/type-directors-club" data-cursor-class="view">
      <div class="rollover-image">
        <img src="https://www.firebellydesign.com/imager/work/type-directors-club/21230/TDC-Booklet-5_d795af82f00644145cb974f79b5c0d1f.jpg" alt="Interior detail of TDC booklet">
        <img src="https://www.firebellydesign.com/imager/work/type-directors-club/21231/TDC-Booklet-6_a0ed72919ffd907f1f83744a16911e20.jpg" alt="Interior detail of TDC booklet with large paragraph and monogram visible">
      </div>
    </a>
  
  <div class="project-content">
          <ul class="services">
                                          <li>Branding, </li>
                                  <li>Web, </li>
                                  <li>Campaign</li>
                        </ul>
        <h3 class="project-title"><a href="https://www.firebellydesign.com/work/type-directors-club">Type Directors Club: A New Chapter for a Storied Organization</a></h3>
  </div>
</article>
                                                
            
<article class="project col-nav-1-2 -reveal">

      <a class="-inner js-cursor" href="https://www.firebellydesign.com/work/diagram" data-cursor-class="view">
      <div class="rollover-image">
        <img src="https://www.firebellydesign.com/imager/work/diagram/28053/DIA-Thumbnail_80ffc85695db2c0ff52ad61a803e1023.jpg" alt="Printed Diagram logo on a hoodie sleeve">
        <img src="https://www.firebellydesign.com/imager/work/diagram/19765/DIA-Enamel-Pins-1_80ffc85695db2c0ff52ad61a803e1023.jpg" alt="Seven-sided black and white enamel pins featuring the Diagram logo on a black fabric background">
      </div>
    </a>
  
  <div class="project-content">
          <ul class="services">
                                          <li>Research, </li>
                                  <li>Branding, </li>
                                  <li>Web</li>
                        </ul>
        <h3 class="project-title"><a href="https://www.firebellydesign.com/work/diagram">Diagram: Rebranding the Family Business</a></h3>
  </div>
</article>
                                                
            
<article class="project col-nav-1-2 -reveal">

      <a class="-inner js-cursor" href="https://www.firebellydesign.com/work/unstoppable" data-cursor-class="view">
      <div class="rollover-image">
        <img src="https://www.firebellydesign.com/imager/work/unstoppable/5190/Unstoppable-Flag_80ffc85695db2c0ff52ad61a803e1023.jpg" alt="White and pink flag depicting movement with angled thin to thick bars">
        <img src="https://www.firebellydesign.com/imager/work/unstoppable/5206/Unstoppable-Thumbnail_80ffc85695db2c0ff52ad61a803e1023.jpg" alt="Individual woman looking strong wearing sunglasses with arm raised into the air on a pink and blue background">
      </div>
    </a>
  
  <div class="project-content">
          <ul class="services">
                                          <li>Campaign, </li>
                                  <li>Web, </li>
                                  <li>Research</li>
                        </ul>
        <h3 class="project-title"><a href="https://www.firebellydesign.com/work/unstoppable">Unstoppable: Powered by Planned Parenthood</a></h3>
  </div>
</article>
                                                
            
<article class="ideas col-nav-1-2 -reveal">
      <a class="-inner js-cursor" href="https://www.firebellydesign.com/ideas/musings-on-working-motherhood">
      <div class="rollover-image">
        <img src="https://www.firebellydesign.com/imager/ideas/110012/MWM-ThoughtsThumbnail-Alt_80ffc85695db2c0ff52ad61a803e1023.jpg" alt="Working Motherhoood Thumbnail Alt">
        <img src="https://www.firebellydesign.com/imager/ideas/109976/MWM-ThoughtsThumbnail_80ffc85695db2c0ff52ad61a803e1023.jpg" alt="Working Motherhoood Thumbnail">
      </div>
    </a>
  
  <div class="idea-meta">
          <h4 class="category">Ramblings</h4>
        <h3><a href="https://www.firebellydesign.com/ideas/musings-on-working-motherhood"><span>Musings on Working Motherhood</span></a></h3>
  </div>
</article>
                              </div>
      </div>

      <div class="pagination -next-page">
        <div class="container">
          <div class="-inner">
            <a href="/work">
              <span class="link">
                More<br>Projects <svg class="icon icon-big-arrow" aria-hidden="true"><use xlink:href="#icon-big-arrow"/></svg>
              </span>
            </a>
          </div>
        </div>
      </div>
    </div>
  
  
              <div class="to-top">
          <p class="container"><a href="#top" class="smooth-scroll scroll-to-top">Back to Top</a></p>
        </div>
          </div>

  </main>

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

    <div class="-top grid contact-cta">
      <div class="col-nav-1-2">
        <p class="label-large">Have a project in mind?</p>
      </div>
      <div class="col-nav-1-2">
        <a href="/contact" class="button -full hollow -white">We'd love to talk.</a>
      </div>
    </div>

    <div class="-bottom grid">
      <div class="col-nav-1-2">
        <p class="label-small">Newsletter Sign-up</p>

        <div id="signup" class="newsletter-section">
          <div id="newsletter-form">
    <div id="mc_embed_signup">
    <form class="newsletter -light" action="//firebellydesign.us9.list-manage.com/subscribe/post-json?u=1932df0a20bd716fbbecce7db&amp;id=b085ede764&amp;c=?" method="post" name="mc-embedded-subscribe-form">
      <div class="form-row">
        <div class="input-wrap">
          <label>Email:</label>
          <input type="email" name="EMAIL" class="required email" placeholder="Enter your email for GoodNews" required>
        </div>
        <button class="submit button -white -small hollow">Submit</button>
      </div>
      <div class="status"></div>
    </form>
  </div>
</div>
        </div>
      </div>

      <div class="col-nav-1-2">
        <div class="contact-section">
          <div>
            <h6 class="label-small">Location</h6>
            <div class="address">
              <span class="street-address">1402 N Western Ave</span><br>
              <span class="city">Chicago</span>
              <span class="region">Illinois</span>
              <span class="postal-code">60622</span>
            </div>

            <p class="tel">
              <span class="telephone">+1 773 489 3200</span>
            </p>

            <p class="map-link">
              <a href="https://goo.gl/maps/im4YsDbLnFH2" target="_blank">View Map</a>
            </p>
          </div>

          <div>
            <h6 class="label-small">Follow</h6>
            <ul class="social-links">
              <li><a href="https://instagram.com/firebellydesign/">Instagram</a></li>
              <li><a href="https://twitter.com/firebellydesign">Twitter</a></li>
              <li><a href="https://www.linkedin.com/company/firebelly-design/">LinkedIn</a></li>
              <li><a href="https://behance.net/firebelly">Behance</a></li>
            </ul>
          </div>

          <nav class="footer-nav">
            <h6 class="label-small">Etc</h6>
            <ul>
              <li><a href="/careers">Careers</a></li>
            </ul>
          </nav>
        </div>

      </div>
    </div>

  </div>
</footer>

<div class="outer-frame">
  <div class="container grid align-right">
    <div class="col-nav-1-2">
      <p><a href="/privacy-policy">Privacy Policy</a></p>
    </div>
  </div>
</div>

<script src="https://player.vimeo.com/api/player.js"></script>
<script src="/assets/dist//scripts/manifest.js"></script>
<script src="/assets/dist//scripts/vendor.js"></script>
<script src="/assets/dist//scripts/main.js"></script>

  <div id="blobs"></div>
  <div id="cursor"></div>
</body>
</html>
