How to use huge type on the web

<p>I&rsquo;ve been advocating more daring and bolder use of typography on the web ever since I started the&nbsp;<a href="https://betterwebtype.com/?utm_source=matejlatin.com&amp;utm_medium=blog&amp;utm_campaign=huge_type_p2" rel="noopener ugc nofollow" target="_blank">Better Web Type</a>&nbsp;project. Picking a sans-serif font for titles and a serif one for the content is boring. So is placing the title at the top of the post and centre-aligning it. We&rsquo;ve now had the tools required to design and build more interesting websites with exciting typography but most websites still go for a safer option.</p> <p>Lately, I&rsquo;ve been noticing a trend that will help move away from type boredom on the web &mdash; the use of huge type. Last week&rsquo;s post&nbsp;<a href="https://uxdesign.cc/huge-type-on-the-web-8fbc0063293" rel="noopener" target="_blank">Huge type on the web</a>&nbsp;explored cool websites that masterfully used huge type. Now when I say &ldquo;huge type&rdquo; I mean type that is larger than usual. I&rsquo;m looking for titles that absolutely dominate the websites. Sometimes they&rsquo;re combined with graphics, but most often they&rsquo;re not. They&rsquo;re so imposing that they often don&rsquo;t need graphic sidekicks. They alone make the website stand out. Let&rsquo;s take a look at a few more such examples and analyse them.</p> <h1>Cool websites with huge type</h1> <p>The first website that stood out to me was&nbsp;<a href="https://connormurphy.design/?ref=matejlatin.com" rel="noopener ugc nofollow" target="_blank">Connor Murphy&rsquo;s portfolio</a>&nbsp;(<strong>Fig 1</strong>). On top of a light grey background, Connor used Haas Grotesk for the main title&nbsp;<em>I&rsquo;m Connor, a digital designer based in Denver </em>&nbsp;The most striking thing is that he used the regular weight. I think this typeface, used in that weight, would look boring at a &ldquo;normal&rdquo; title size. But Connor dared to use huge type, and it makes his website look great.</p> <p><a href="https://uxdesign.cc/how-to-use-huge-type-on-the-web-2a0684cea059">Visit Now</a></p>