{"id":62924,"date":"2013-03-06T00:00:00","date_gmt":"2013-03-06T00:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/blog\/great-typography-at-work-show-and-tell-with-words\/"},"modified":"2025-09-15T13:13:27","modified_gmt":"2025-09-15T16:13:27","slug":"great-typography-at-work-show-and-tell-with-words","status":"publish","type":"post","link":"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/","title":{"rendered":"Great Typography at Work: Show and Tell with Words"},"content":{"rendered":"

The impact of well-designed typography is far greater than the impact of word or image alone. It\u2019s the perfect storm: the elegant symbol that is at once direct linguistic object and beautiful, eye-catching graphic. Typography lends itself to the metaphysical, but it\u2019s also a fundamental part of any successful design. It can be as simple as a sans serif title, in stark relief, easy to read and understand, dripping with raw impact. Or it can be an ornate image, like the word mountain formed from peaks and valleys: text that is what it says. Here are some infographic examples of great typography at work: some simple and direct, others playful and clever, all communicative and powerful visual designs. <\/p>\n

Clean, Simple, and to the Point <\/h2>\n
\t\t\tBirth Settings in the U.S. \t\t\t<\/p>\n
\t\t\t\tBirth Settings in the U.S. infographic<\/a> by <\/span>Lemon.ly<\/a>. <\/span> \t\t\t<\/div>\n

\t\t\t<\/a> \t\t\t \t\t\t \t\t<\/div>\n

This is an example of minimalist typography. It\u2019s clean, clear, and communicative. This infographic is reasonably text-heavy, which is a real challenge typographically. Titles need to stand out but paragraph text needs to stand out too, striking the right balance between emphasis and readability. The designer has used just two typefaces – one for titles, one for paragraphs – and kept his choice consistent throughout. Consistency is critical. The title font is sans serif and bold, but narrow enough to leave plenty of space for the images to breathe. The paragraph text is small with a light serif, like a newspaper\u2019s text. While many may argue that serif should be saved for large text, here it works well in a small size. Despite this infographic\u2019s text-heaviness, the images still drive the narrative. The typography does its job without calling attention to itself, emphasizing the hierarchy of information without overshadowing the rest of the content. <\/p>\n

Text Direction<\/h2>\n
\t\t\t \t\t\t<\/p>\n
\t\t\t\tHone Your Chops: The Chef’s Guide to Knives infographic<\/a> by <\/span>ShannonLattin<\/a>. <\/span> \t\t\t<\/div>\n

\t\t\t<\/a> \t\t\t \t\t\t \t\t<\/div>\n

Sometimes vertical, diagonal, or curved text can help form graphic lines, guiding the viewer through the narrative. But be careful experimenting with text direction: too many lines, lines at slightly incongruous angles, or lines that crisscross can cause visual confusion that overwhelms the text itself. In the above infographic, the text is curved to reflect the knife\u2019s blade and to draw the eye ever downward. Angle is used to give the piece movement and momentum, which also reinforce the infographic’s subject. <\/p>\n

Typography isn\u2019t just about fonts or how they\u2019re arranged on the page\u2014sometimes, it\u2019s about leading the eye where it needs to go, even if it means bending the rules a little. It\u2019s always a tightrope walk between being clever and being clear. You can almost feel when a designer leans too hard on a quirky direction and suddenly the viewer\u2019s lost in a maze of tilted letters. Even the most creative layouts call for restraint, or everything falls apart pretty quick. There\u2019s something satisfying about a skillfully guided glance that just flows, almost like the design is nudging you along without making a fuss about it.<\/p>\n

It\u2019s sort of wild how much these decisions\u2014where the text moves, how the lines are laid out\u2014directly affect whether people actually engage with the information. Think about maps or museum guides that use angles and curves to show you the way: you almost forget there was a choice behind it. It\u2019s invisible when it\u2019s great. But if the designer fumbles, it gets glaring fast. There\u2019s no universal solution, but pulling it off sure feels like a small victory each time, right?<\/p>\n

When Originality Works<\/h2>\n
\t\t\tFreemium Pie \t\t\t<\/p>\n
\t\t\t\tFreemium Pie infographic<\/a> <\/span> \t\t\t<\/div>\n

\t\t\t<\/a> \t\t\t \t\t\t \t\t<\/div>\n

Sticking to digital fonts may feel safe, but sometimes safe is so boring, it hurts. Often, images produced on computers and distributed on the Internet lack a friendly, organic quality: a quality that really gets a viewer\u2019s attention. Drawing by hand subverts the paradigm and allows the artist to have a little old-fashioned fun. In the infographic above, main titles look hand-drawn while paragraph text is in a handwritten-style computer-generated font. This is a smart compromise, since small handwriting can be difficult to decipher on a screen. In the image below, a hectic hand-drawn flow chart is the perfect choice for an infographic about distraction. <\/p>\n

\t\t\tHow to Focus \t\t\t<\/p>\n
\t\t\t\tHow to Focus infographic<\/a> <\/span> \t\t\t<\/div>\n

\t\t\t<\/a> \t\t\t \t\t\t \t\t<\/div>\n

Getting Creative with Branding<\/h2>\n
\t\t\tInstagram Nation \t\t\t<\/p>\n
\t\t\t\tInstagram Nation infographic<\/a> <\/span> \t\t\t<\/div>\n

\t\t\t<\/a> \t\t\t \t\t\t \t\t<\/div>\n

Companies often employ a particular font or typographic style to define their brand identity. Working within corporate typographic guidelines creatively can be a real challenge. It requires delicacy: too many liberties may dilute the brand, undermining the message, but creatively using a familiar identity in a new way piques the viewer\u2019s interest. The above image showcases an unconventional and typographically interesting choice. In the title, the artist used Instagram\u2019s font for the word \u201cNation\u201d instead of for the word \u201cInstagram,\u201d where it would ordinarily appear. This uses the brand\u2019s familiar typeface to subtly suggest exactly what the infographic sets out to illustrate: that the platform is a wide-ranging tool that has grown far beyond its original scope. <\/p>\n

Words as Objects<\/h2>\n
\t\t\tParts of the Body in Spanish - Partes del Cuerpo en Espanol \t\t\t<\/p>\n
\t\t\t\tParts of the Body in Spanish – Partes del Cuerpo en Espanol infographic<\/a> <\/span> \t\t\t<\/div>\n

\t\t\t<\/a> \t\t\t \t\t\t \t\t<\/div>\n

Here is a rather obvious (but lovely) example of using typography metaphysically. The word for stomach is the stomach. The word for arm is the arm, and so on. I\u2019m particularly fond of the swirling cabezas, reminiscent of a face and of the convolutions of the brain. Anni Murray is a writer, editor, multimedia artist, amateur mycologist, and biology student. She is currently working on Prism, a speculative science fiction story cycle. Follow her on Twitter<\/a>. <\/em><\/p>\n

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

The impact of well-designed typography is far greater than the impact of word or image alone. It\u2019s the perfect storm: the elegant symbol that is at once direct linguistic object and beautiful, eye-catching graphic. Typography lends itself to the metaphysical, but it\u2019s also a fundamental part of any successful design. It can be as simple […]<\/p>\n","protected":false},"author":1,"featured_media":53319,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-62924","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sem-categoria"],"yoast_head":"\nGreat Typography at Work: Show and Tell with Words - Pingback<\/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:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Great Typography at Work: Show and Tell with Words - Pingback\" \/>\n<meta property=\"og:description\" content=\"The impact of well-designed typography is far greater than the impact of word or image alone. It\u2019s the perfect storm: the elegant symbol that is at once direct linguistic object and beautiful, eye-catching graphic. Typography lends itself to the metaphysical, but it\u2019s also a fundamental part of any successful design. It can be as simple […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2013-03-06T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-15T16:13:27+00:00\" \/>\n<meta name=\"author\" content=\"Carolina\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carolina\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/\",\"url\":\"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/\",\"name\":\"Great Typography at Work: Show and Tell with Words - Pingback\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2013-03-06T00:00:00+00:00\",\"dateModified\":\"2025-09-15T16:13:27+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33\"},\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Great Typography at Work: Show and Tell with Words\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/#website\",\"url\":\"https:\/\/pingback.com\/en\/resources\/\",\"name\":\"Pingback\",\"description\":\"Marketing for builders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingback.com\/en\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33\",\"name\":\"Carolina\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"caption\":\"Carolina\"},\"sameAs\":[\"https:\/\/pingback.com\"],\"url\":\"https:\/\/pingback.com\/en\/resources\/author\/adm1n\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Great Typography at Work: Show and Tell with Words - Pingback","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:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/","og_locale":"pt_BR","og_type":"article","og_title":"Great Typography at Work: Show and Tell with Words - Pingback","og_description":"The impact of well-designed typography is far greater than the impact of word or image alone. It\u2019s the perfect storm: the elegant symbol that is at once direct linguistic object and beautiful, eye-catching graphic. Typography lends itself to the metaphysical, but it\u2019s also a fundamental part of any successful design. It can be as simple […]","og_url":"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/","og_site_name":"Pingback","article_published_time":"2013-03-06T00:00:00+00:00","article_modified_time":"2025-09-15T16:13:27+00:00","author":"Carolina","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Carolina","Est. tempo de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/","url":"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/","name":"Great Typography at Work: Show and Tell with Words - Pingback","isPartOf":{"@id":"https:\/\/pingback.com\/en\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/#primaryimage"},"thumbnailUrl":"","datePublished":"2013-03-06T00:00:00+00:00","dateModified":"2025-09-15T16:13:27+00:00","author":{"@id":"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33"},"breadcrumb":{"@id":"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/en\/resources\/great-typography-at-work-show-and-tell-with-words\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Great Typography at Work: Show and Tell with Words"}]},{"@type":"WebSite","@id":"https:\/\/pingback.com\/en\/resources\/#website","url":"https:\/\/pingback.com\/en\/resources\/","name":"Pingback","description":"Marketing for builders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingback.com\/en\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33","name":"Carolina","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","caption":"Carolina"},"sameAs":["https:\/\/pingback.com"],"url":"https:\/\/pingback.com\/en\/resources\/author\/adm1n\/"}]}},"_links":{"self":[{"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts\/62924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/comments?post=62924"}],"version-history":[{"count":2,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts\/62924\/revisions"}],"predecessor-version":[{"id":128644,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts\/62924\/revisions\/128644"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/media?parent=62924"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/categories?post=62924"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/tags?post=62924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}