Category: typography

Tools And Resources For A More Meaningful Web Typography

  It’s the small details that make a project shine. Solid typography, well-crafted with attention and care is one of them. A harmonious visual rhythm, typographic subtleties like soft caps, margin outdents or the correct use of hyphens and dashes — there are a lot of things that add up to it....

Graphic Design Trends That Will Rock 2016

Graphic design is a genre of its own, and it has its own norms, conventions as well as trends. Much like web design, graphic design too evolves with time and is never static or rigid. That said, graphic design is as much about making a statement and leaving an impression as it is about focusing on user experience and e...

Creative SVG Letter Animations

View demo Download source Maybe you’ve seen some of those interesting text animations recently, like the one shown on the website of Control Films or in hover effects for image captions: letters disappear and appear in an artistic way, getting drawn along their lines. While we’ve had a great share of stoke...

PayPal Sans: The New Exclusive Font For PayPal

PayPal has recently got a new custom typeface: PayPal Sans. Designed exclusively for PayPal by the Klim Type Foundry, PayPal Sans comprises of two sub-families: PayPal Sans Big and PayPal Sans Small, as well as 14 styles. As a custom font, PayPal Sans is something you will see in use exclusively on PayPal website and m...

Managing Typography on Large Apps

Harry Roberts suggest very minimal styles for h1-h6, then using heading-specific class names to actually style them, regardless of what element they turn out to be. I could get behind that. In the past I’ve done .h1, .h2, etc rather than use the tag selectors, but heck, you might as well just give them names. Dir...

Using System UI Fonts In Web Design: A Quick Practical Guide

  For perhaps the first time since the original Macintosh, we can get excited about using system UI fonts. They’re an interesting, fresh alternative to web typography — and one that doesn’t require a web-font delivery service or font files stored on your server. How do we use system UI fonts ...

Space Yourself

  There’s more to spaces than the key you instinctively hit with one of your thumbs between words. Let’s find out what other space characters there are, what their heritage is, and how they can be useful today.What you see below are two tweets. In one of them, Paul Irish will be notified of my ta...

Typographic Patterns In HTML Email Newsletter Design

  Last year I read Jan Constantin’s post “Typographic Design Patterns and Current Practices” and straightaway wanted to do something similar with email. At the time I was studying responsive typography on the web, trying to break down the websites I liked in order to understand what made the typo...

Inspiration for Text Styles and Hover Effects

View demo Download source When it comes to tiny animations and effects on text, be it a link, a typographic logo or an introductory sentence, there’s really no limit to the creative possibilities. So today we’d like to share a couple of text styles and hover effects with you to get your creative juices flo...

Techniques for Responsive Typography

One of the most important aspects of responsive web design is responsive typography. When it comes to responsive type on the web, there’s more to do than just resizing the text’s container and having the text reflow inside of it. From choosing a font type and color, to achieving legible font sizes, line he...