{"id":27014,"date":"2015-09-11T05:00:32","date_gmt":"2015-09-11T12:00:32","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=27014"},"modified":"2024-04-09T04:16:13","modified_gmt":"2024-04-09T11:16:13","slug":"the-5-most-important-typography-rules","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/the-5-most-important-typography-rules","title":{"rendered":"The 5 Most Important Typography Rules"},"content":{"rendered":"

When it comes to graphic design there are all types of avenues that one may venture down in terms of career paths. One of the most prominent forms of design in our society is typography: the science, or art, of creating and using letter forms. Like any other skill or trade, there are specific rules and guidelines to learn before you can ever truly develop your skill set. Below are 5 of what I would consider to be the most important rules\/guidelines regarding the art of typography.\n

<\/span>Understand Contrast<\/span><\/h2>\"5

\nContrast is a term that gets used to describe a wide variety of mediums including music, food, paintings, and even typography. When describing type in terms of contrast, what you’re referring to is the balance between black and white on your page — if you were to set everything to greyscale of course. You can affect the contrast of your type by adjusting elements such as kerning, leading, font size, font weight, and margins. Learning how to adjust them to create a harmonious balance within your composition is the trick.\n<\/p>

<\/span>Use Visual Hierarchy<\/span><\/h2>\"5

\nMuch like contrast, hierarchy is a term that gets used a lot outside of design & typography. Typographic hierarchy refers to the manner in which you stress the importance of specific lines of type compared to others. By doing this, you can also determine and guide the order in which the viewer receives information from your design by directing the flow of their eye using visual hierarchy. Without the use of hierarchy in type it would be more difficult for readers to quickly determine crucial bits of information within the whole of your design.\n<\/p>

<\/span>Understand & Use Grids<\/span><\/h2>\"5

\nIt can’t be stressed enough how important it is to be able to understand and use a grid within your design. The essence of using a grid is to ensure that everything on your canvas or page is placed in relation to something else on the page, giving the piece more logic & visual harmony. This isn’t to say that you always need to literally use a grid over your designs, but it goes without saying that it can only benefit you to understand how & why they’re used. Click here<\/a> for a great intro into the world of grid design.\n<\/p>

<\/span>Limit Your Font Combinations<\/span><\/h2>\"5

\nCombining different fonts is a way to create both contrast and visual hierarchy, as well as the key to keep your designs fresh, more legible, and engaging for readers. The general consensus in the design community is that you should avoid combining more than 3 font families in one composition. Keep in mind that a single font family can include dozens of weights. The reason for this is simple: when too many fonts are used in a single design it becomes hard to maintain a sense of visual order. Legibility is often disrupted too. Click here<\/a> for tips on how to choose the right font combinations.\n<\/p>

<\/span>Never Distort Your Fonts<\/span><\/h2>\"5

\nOne big unspoken rule among typographers is that you should never distort a font. This means never stretching it out of proportion to fit where it obviously doesn’t fit. In 2015 there is a font for every occasion and every application, and if you can’t find something to match exactly what you need, you can always do it by hand. Ruining the hard work and tampering with the integrity of someone else’s font is a big no-no. That being said, distorting a font and manipulating<\/em> a font are 2 different things.\nThere you have it, folks! These are my 5 Most Important Rules of Typography and I hope you’ve learned something. Remember that there are an infinite amount of tips, tricks, rules & guidelines regarding typography, and this is just a brief introduction into what I think are some of the most basic (and important) fundamentals of the practice. I encourage you to search deeper into each of these 5 “rules†as there’s a lot more to be learned about each. What did you think of the list? Do you have any other important type tips that you think I should have shared? Let me know in the comments below!\n<\/p>

Products Seen In This Post:<\/strong><\/p>

<\/figure>\n \n
<\/figure>\n \n
<\/figure>\n \n
<\/figure>\n \n<\/p><\/p>\n","protected":false},"excerpt":{"rendered":"

When it comes to graphic design there are all types of avenues that one may venture down in terms of career paths. One of the most prominent forms of design in our society is typography: the science, or art, of creating and using letter forms. Like any other skill or trade, there are specific rules […]<\/p>\n","protected":false},"author":79,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[74],"tags":[129,975,166,976,455,977,555,978,786,979,859,980,970,37,971,48,972,973,100,974],"topics":[],"class_list":["post-27014","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-lettering","tag-grids","tag-fonts","tag-hierarchy","tag-type","tag-important","tag-family","tag-most","tag-rules","tag-typographic","tag-tricks","tag-weights","tag-970","tag-typography","tag-contrast","tag-font","tag-distortion","tag-families","tag-tips","tag-font-combinations"],"acf":[],"yoast_head":"\nThe 5 Most Important Typography Rules - Creative Market Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativemarket.com\/blog\/the-5-most-important-typography-rules\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The 5 Most Important Typography Rules\" \/>\n<meta property=\"og:description\" content=\"When it comes to graphic design there are all types of avenues that one may venture down in terms of career paths. One of the most prominent forms of\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/the-5-most-important-typography-rules\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2015-09-11T12:00:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-09T11:16:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09032443\/5-Most-Important-Typography-Rules_Creative-Market_Contrast_2015.jpg.webp\" \/>\n<meta name=\"author\" content=\"Sean Coady\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sean Coady\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/the-5-most-important-typography-rules\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/the-5-most-important-typography-rules\",\"name\":\"The 5 Most Important Typography Rules - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/the-5-most-important-typography-rules#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/the-5-most-important-typography-rules#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/09\\\/09032443\\\/5-Most-Important-Typography-Rules_Creative-Market_Contrast_2015.jpg.webp\",\"datePublished\":\"2015-09-11T12:00:32+00:00\",\"dateModified\":\"2024-04-09T11:16:13+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/9d5328ee9c3d630e18ffdbe9fea69d08\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/the-5-most-important-typography-rules#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/the-5-most-important-typography-rules\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/the-5-most-important-typography-rules#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/09\\\/09032443\\\/5-Most-Important-Typography-Rules_Creative-Market_Contrast_2015.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/09\\\/09032443\\\/5-Most-Important-Typography-Rules_Creative-Market_Contrast_2015.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/the-5-most-important-typography-rules#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The 5 Most Important Typography Rules\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The 5 Most Important Typography Rules - Creative Market Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creativemarket.com\/blog\/the-5-most-important-typography-rules","og_locale":"en_US","og_type":"article","og_title":"The 5 Most Important Typography Rules","og_description":"When it comes to graphic design there are all types of avenues that one may venture down in terms of career paths. One of the most prominent forms of","og_url":"https:\/\/creativemarket.com\/blog\/the-5-most-important-typography-rules","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2015-09-11T12:00:32+00:00","article_modified_time":"2024-04-09T11:16:13+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09032443\/5-Most-Important-Typography-Rules_Creative-Market_Contrast_2015.jpg.webp","type":"","width":"","height":""}],"author":"Sean Coady","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Sean Coady","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/the-5-most-important-typography-rules","url":"https:\/\/creativemarket.com\/blog\/the-5-most-important-typography-rules","name":"The 5 Most Important Typography Rules - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/the-5-most-important-typography-rules#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/the-5-most-important-typography-rules#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09032443\/5-Most-Important-Typography-Rules_Creative-Market_Contrast_2015.jpg.webp","datePublished":"2015-09-11T12:00:32+00:00","dateModified":"2024-04-09T11:16:13+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/9d5328ee9c3d630e18ffdbe9fea69d08"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/the-5-most-important-typography-rules#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/the-5-most-important-typography-rules"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/the-5-most-important-typography-rules#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09032443\/5-Most-Important-Typography-Rules_Creative-Market_Contrast_2015.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09032443\/5-Most-Important-Typography-Rules_Creative-Market_Contrast_2015.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/the-5-most-important-typography-rules#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"The 5 Most Important Typography Rules"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/27014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/79"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=27014"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/27014\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=27014"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=27014"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=27014"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=27014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}