CINXE.COM
The Designers Institute · Typewolf
<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>The Designers Institute · Typewolf</title> <meta name="referrer" content="unsafe-url"> <meta name="description" content="Typewolf Site of the Day for April 15, 2017."> <meta property="og:title" content="The Designers Institute · Typewolf" /> <meta property="og:site_name" content="Typewolf"/> <meta property="og:url" content="https://www.typewolf.com/site-of-the-day/the-designers-institute" /> <meta property="og:description" content="Typewolf Site of the Day for April 15, 2017." /> <meta property="og:image" content="https://www.typewolf.com/assets/img/sotd/2017-04-15-2x.png" /> <meta property="og:type" content="website" /> <meta property="fb:admins" content="145260129015613" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@typewolf"> <meta name="twitter:title" content="The Designers Institute · Typewolf"> <meta name="twitter:description" content="Typewolf Site of the Day for April 15, 2017."> <meta name="twitter:creator" content="@typewolf"> <meta name="twitter:image:src" content="https://www.typewolf.com/assets/img/sotd/2017-04-15-2x.png"> <meta name="twitter:domain" content="typewolf.com"> <meta name="robots" content="noindex, follow"> <link rel="stylesheet" href="/css/typewolf_0056.css"> <link rel="alternate" type="application/rss+xml" href="https://www.typewolf.com/feed" title="Site of the Day" /> <link rel="canonical" href="https://www.typewolf.com/site-of-the-day/the-designers-institute" /> </head> <body> <header class="row"> <div class="small-12 medium-12 large-12 columns"> <div class="logo"> <a href="/"><img src="/assets/img/typewolf-logo-white.svg" alt="Typewolf" /></a> </div> <div class="tagline"> <a href="/">What’s Trending in Type</a> </div> <nav> <ul> <li><a href="/recommendations" >Font Lists</a></li> <li><a href="/lookbooks" >Lookbooks</a></li> <li><a href="/checklist" >Checklist</a></li> <li><a href="/free-fonts" >Free Fonts</a></li> <li><a href="/guides" >Learning Resources</a></li> </ul> </nav> </div> </header> <div class="row"> <div class="small-12 medium-12 large-12 columns"> <div class="sotd-header"> <h1><a href="https://designersinstitute.nz" rel="nofollow" target="_blank">The Designers Institute</a></h1> <p class="sotd-header-row1">Site of the Day <span class="highlight-color">·</span> April 15, 2017</p> <p class="sotd-header-row2"><span class="sotd-tags-title">Fonts<span class="highlight-color"> — </span></span><span class="sotd-tags"><a href="/untitled-sans">Untitled Sans</a></span></p> </div> </div> </div> <div class="expanded row"> <div class="small-12 medium-12 large-12 columns"> <div class="item sotd-big"> <div class="item-img"> <a href="https://designersinstitute.nz" rel="nofollow" target="_blank"><img src="/assets/img/sotd/2017-04-15-big.png" srcset="/assets/img/sotd/2017-04-15-big-2x.png 2x" alt="Fonts Used: Untitled Sans · Typewolf Typography Inspiration" width="1284" height="1284" /></a> </div> </div> </div> </div> <div class="row"> <div class="small-12 medium-9 large-8 columns small-centered"> <div class="sales-box"> <br> <br> <h4 class="lookbooks-title">Type Pairing Lookbooks</h4> <p class="lead-paragraph" style="text-align: center;"> Font research done for you. </p> <br> <div class="sales-box-img-container"> <script> var imageArray = [ '<a href="/lookbooks"><img src="/assets/img/lookbooks/brutal-evil-cover.png" srcset="/assets/img/lookbooks/brutal-evil-cover-2x.png 2x" width="1216" height="912" alt="Brutal Evil Cover" /></a>', '<a href="/lookbooks"><img src="/assets/img/lookbooks/classy-luxury-cover.png" srcset="/assets/img/lookbooks/classy-luxury-cover-2x.png 2x" width="1216" height="912" alt="Classy Luxury Cover" /></a>', '<a href="/lookbooks"><img src="/assets/img/lookbooks/outdoorsy-microbrew-cover.png" srcset="/assets/img/lookbooks/outdoorsy-microbrew-cover-2x.png 2x" width="1216" height="912" alt="Outdoorsy Microbrew Cover" /></a>', '<a href="/lookbooks"><img src="/assets/img/lookbooks/retro-warmth-cover.png" srcset="/assets/img/lookbooks/retro-warmth-cover-2x.png 2x" width="1216" height="912" alt="Retro Warmth Cover" /></a>', '<a href="/lookbooks"><img src="/assets/img/lookbooks/saas-tech-cover.png" srcset="/assets/img/lookbooks/saas-tech-cover-2x.png 2x" width="1216" height="912" alt="SaaS Tech Cover" /></a>', '' ]; var randomImage = imageArray[Math.floor(Math.random() * (imageArray.length - 1))]; document.write(randomImage); </script> </div> <div class="sales-button-container"> <a href="/lookbooks" class="button">Learn More →</a> </div> <br> </div> </div> </div> <footer> <div class="row"> <div class="small-12 medium-12 large-12 columns"> <hr> <h5><a href="/recommendations">The Most Popular Fonts on Typewolf</a></h5> <ul class="tag-collection"> <li><a href="/apercu" class="button">1) Apercu</a></li> <li><a href="/gt-america" class="button">2) GT America</a></li> <li><a href="/futura" class="button">3) Futura</a></li> <li><a href="/founders-grotesk" class="button">4) Founders Grotesk</a></li> <li><a href="/neue-haas-grotesk" class="button">5) Neue Haas Grotesk</a></li> <li><a href="/canela" class="button">6) Canela</a></li> <li><a href="/graphik" class="button">7) Graphik</a></li> <li><a href="/proxima-nova" class="button">8) Proxima Nova</a></li> <li><a href="/gt-walsheim" class="button">9) GT Walsheim</a></li> <li><a href="/avenir" class="button">10) Avenir</a></li> <li><a href="/maison-neue" class="button">11) Maison Neue</a></li> <li><a href="/circular" class="button">12) Circular</a></li> <li><a href="/brandon-grotesque" class="button">13) Brandon Grotesque</a></li> <li><a href="/ogg" class="button">14) Ogg</a></li> <li><a href="/helvetica-neue" class="button">15) Helvetica Neue</a></li> <li><a href="/all-fonts" class="button">View More →</a></li> </ul> </div> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns"> <h5><a href="/all-fonts">Search</a></h5> <div class="search-container"> <p>Just Google “typewolf” followed by the name of a font or browse <a href="/all-fonts">all fonts</a>, <a href="/all-sites">all sites</a> or <a href="/recommendations">popularity lists</a>.</p> </div> </div> </div> <div class="row"> <div class="small-12 medium-6 large-6 columns"> <h5><a href="/recommendations">Font Recommendations</a></h5> <ul class="footer-nav"> <li><a href="/adobe-fonts">Top 40 Adobe Fonts (Typekit)</a></li> <li><a href="/google-fonts">Top 40 Google Fonts</a></li> <li><a href="/top-10-helvetica-alternatives">Top 10 Helvetica Alternatives</a></li> </ul> </div> <div class="small-12 medium-6 large-6 columns"> <h5><a href="/guides">Guides & Resources</a></h5> <ul class="footer-nav"> <li><a href="/checklist">Flawless Typography Checklist</a></li> <li><a href="/typography-books">The Best Typography Books for Designers</a></li> <li><a href="/free-fonts">The Definitive Guide to Free Fonts</a></li> </ul> </div> </div> <div class="row"> <div class="small-12 medium-6 large-6 columns"> <h5><a href="/blog">Popular Blog Posts</a></h5> <ul class="footer-nav"> <li><a href="/blog/independent-type-foundries">24 Independent Type Foundries That Monotype Doesn’t Own</a></li> <li><a href="/blog/will-google-fonts-ever-be-shut-down">Will Google Fonts Ever Be Shut Down?</a></li> <li><a href="/blog/industry-leading-designers-share-their-favorite-typefaces">Industry-Leading Designers Share Their 3 Favorite Typefaces</a></li> </ul> </div> <div class="small-12 medium-6 large-6 columns"> <h5><a href="/about#support">How to Support Typewolf</a></h5> <p class="small-text footer-blurb"> <a href="https://www.jeremiahshoaf.com" target="_blank" class="no-underline"><img src="/assets/img/jeremiah_shoaf_transparent_80x80.png" srcset="/assets/img/jeremiah_shoaf_transparent_160x160.png 2x" height="80" width="80" alt="Jeremiah Shoaf" class="author-img" /></a> Typewolf is an independent typography resource created by <a href="https://www.jeremiahshoaf.com" target="_blank">Jeremiah Shoaf</a>. The site gets over 350,000 unique visitors a month; running it is expensive and time consuming. If you find Typewolf useful, please consider <a href="/about#support">supporting the site</a> to help make it a sustainable side project. </p> </div> </div> <div class="row"> <div class="small-12 medium-6 large-6 columns"> <h5><a href="/newsletter">Get Typewolf In Your Inbox Every Tuesday</a></h5> <div class="ck_form_container ck_inline" data-ck-version="6"> <div class="ck_form ck_naked"> <div class="ck_form_fields"> <form id="ck_subscribe_form" class="ck_subscribe_form" action="https://app.convertkit.com/landing_pages/179485/subscribe" data-remote="true"> <input type="hidden" value="{"form_style":"naked","embed_style":"inline","embed_trigger":"scroll_percentage","scroll_percentage":"70","delay_seconds":"10","display_position":"br","display_devices":"all","days_no_show":"15","converted_behavior":"show"}" id="ck_form_options"> <input type="hidden" name="id" value="179485" id="landing_page_id"> <input type="email" name="email" class="ck_email_address" id="ck_emailField" placeholder="Enter your email" required> <div class="ck_control_group ck_captcha2_h_field_group ck-captcha2-h" style="position: absolute !important;left: -999em !important;"> <input type="text" name="captcha2_h" class="ck-captcha2-h" id="ck_captcha2_h" placeholder="We use this field to detect spam bots. If you fill this in, you will be marked as a spammer."> </div> <input type="submit" value="Subscribe →" name="subscribe" class="button"> <div class="ck_errorArea"> <div id="ck_error_msg" style="display:none"> <p><em>Please enter a valid email address.</em></p> </div> </div> </form> </div> </div> </div> </div> <div class="small-12 medium-6 large-6 columns"> <h5>Follow Typewolf</h5> <ul class="footer-nav"> <li><a href="https://twitter.com/typewolf" target="_blank">Twitter</a></li> <li><a href="http://www.pinterest.com/typewolf/web-typography-inspiration/" target="_blank">Pinterest</a></li> <li><a href="http://typewolf.tumblr.com/" target="_blank">Tumblr</a></li> <li><a href="/newsletter">Newsletter</a></li> </ul> <div class="shirt-container"> <div class="sweatshirt"> <a href="https://typewolf.threadless.com/" target="_blank"><img src="/assets/img/sweatshirt.jpg" srcset="/assets/img/sweatshirt-2x.jpg 2x" width="169" height="160" alt="Typewolf apparel" /></a> </div> </div> </div> </div> <div class="copyright-container"> <div class="row"> <div class="small-12 medium-12 large-12 columns"> <ul class="copyright"> <li><a href="/about"><span class="highlight-color">♥</span> Made in Oregon</a></li> <li><a href="/about">About</a></li> <li><a href="https://www.typewolf.com/feed" target="_blank">Site of the Day <abbr>RSS</abbr></a></li> <li><a href="https://www.typewolf.com/blog/feed" target="_blank">Blog <abbr>RSS</abbr></a></li> <li><a href="/privacy">Privacy Policy</a></li> <li>© 2013 – 2025 <a href="https://www.jeremiahshoaf.com" target="_blank">Jeremiah Shoaf</a></li> </ul> </div> </div> </div> </footer> <script> </script> </body> </html>