Topic Archives

Typography Design

Mastering the principles of typography can take your work to the next level. Here you can learn about typography principles, trends, and best practices.

View all Design Inspiration articles

How to Use Typography to Align Brand Identity

How to Use Typography to Align Brand Identity

UI Design

Selecting the perfect font for promotional materials is a vital aspect of brand identity. Many small business owners and marketing professionals neglect to give proper attention to the fonts they…

10 CSS Code Snippets for Responsive Text Techniques

10 CSS Code Snippets for Responsive Text Techniques

CSS / UI Design

We take a look at a number of different approaches you can take to implement responsive text into your web design layouts.

Why Thinking Ahead Is Crucial in Web Design

Why Thinking Ahead Is Crucial in Web Design

UX Design / Web Design

Good planning will help to avoid a messy build process. We take a look at a few key items to consider before sharing your ideas with a client.

10 CSS & JavaScript Snippets for Text Distortion Effects

10 CSS & JavaScript Snippets for Text Distortion Effects

CSS / UI Design

We have a collection of CSS & JavaScript text distortion effect snippets that you can freely use to create stunning headlines and taglines.

Is Typography Science, Art, Philosophy or Craft?

Is Typography Science, Art, Philosophy or Craft?

UI Design

As with any medium as widely used as typography, it can fit into many categories. Typography is a part of all of our lives, so let’s analyze it for a…

How to Choose the Right Fonts for Your Website

How to Choose the Right Fonts for Your Website

Fonts

Too much choice makes for harder decisions. With that in mind, here are some tips for choosing the right fonts for your website.

Everything You Need to Know About Apostrophes

Everything You Need to Know About Apostrophes

Fonts

Ah, the great apostrophe, much loved, much maligned and much misunderstood. This little piece of punctuation is so highly regarded, that some folks have become Gatekeepers of the Apostrophe, guarding…

15+ Examples of Hand-Written Typography in Web Design

15+ Examples of Hand-Written Typography in Web Design

Inspiration

First impressions are often lasting ones. This applies to the world of web design just as much as it does to our “real” world. A hero image on a homepage…

Free Hand-Drawn Font: Liberal Hand Serif

Free Hand-Drawn Font: Liberal Hand Serif

Fonts

The hand-drawn font Liberal Hand is available in both Regular and Bold styles, packaged in both TTF and OTF formats, and is free to use.

10 Popular Web Typography Frameworks & Libraries

10 Popular Web Typography Frameworks & Libraries

CSS / JavaScript / UI Design

There was a time when web typography was simply a matter of putting a few fonts together. Modern web design has now evolved to the point where we expect the…

The Easy Way to Host Google Fonts Locally

The Easy Way to Host Google Fonts Locally

Fonts / Web Design

If you are looking to host Google Fonts locally, we’ll introduce you to a quick and easy way to implement them.

The Web Design Hack Hall of Fame

The Web Design Hack Hall of Fame

Web Design

We celebrate some of the most useful and creative web design hacks from the past few years. They all, in one way or the other, helped push the boundaries of the web.

30 Examples of Beautiful Typography in Print Ads

30 Examples of Beautiful Typography in Print Ads

Inspiration / Print & Graphic Design

We take a look at some of the most beautifully designed examples of typography in print ads from all over the world.

Getting Started with Variable Fonts: Tips and Resources

Getting Started with Variable Fonts: Tips and Resources

Fonts

It is amazing to think of how far web typography has come. Back in the day, designers were relegated to just a few “web safe” choices. Today, we have access…

8 Excellent Examples of Using Stacked Text Blocks in Web Design

8 Excellent Examples of Using Stacked Text Blocks in Web Design

CSS / Inspiration / UI Design / Web Design

Stacked text blocks can be seen everywhere. But, the problem with them is that sometimes designers can get carried away and include a wealth of information, resulting in TL;DR-like content….

10 Amazing CSS & HTML Retro Type Effects

10 Amazing CSS & HTML Retro Type Effects

UI Design

These retro CSS & JS typography effects are welcoming and pleasant blasts from the past that naturally draw attention, feeling like a breath of fresh air.

10 Code Snippets for Creating Stunning Text Masking Effects

10 Code Snippets for Creating Stunning Text Masking Effects

CSS / UI Design

We have ten simple CSS (and some JavaScript) code snippets for creating stunning and time-proven examples of text masking in web design.

12 Inspiring Examples of Mixing Solid & Hollow Fonts in Web Design

12 Inspiring Examples of Mixing Solid & Hollow Fonts in Web Design

Fonts / Inspiration / Web Design
12345