{"id":33245,"date":"2016-02-26T05:00:26","date_gmt":"2016-02-26T13:00:26","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=33245"},"modified":"2024-04-10T06:24:07","modified_gmt":"2024-04-10T13:24:07","slug":"creative-type-in-ecommerce-design","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/creative-type-in-ecommerce-design","title":{"rendered":"Creative Type in Ecommerce Design"},"content":{"rendered":"

Typography is one of my favorite aspects of design. At its core, it delivers a message to the reader, but it can also be used as an effective design element. Working at Shopify, I see beautiful stores shipped everyday by Shopify Partners<\/a>: here are my top 10 ecommerce stores that use beautiful and creative type. I hope the examples inspire your next ecommerce project, and make sure to take advantage of Creative Market’s vast collection of stunning fonts<\/a>.\n

<\/span> 1. Frank Body<\/a> <\/span><\/h2>

\nLast year’s Shopify Ecommerce Design Awards<\/a> winner, Frank Body, uses effective typography for its logo that translates well throughout their site. The primary font resembles typewritten text that throws back to simpler times and brings focus to the natural products provided by Frank Body.\nHomepage<\/em>\n\"FrankBody\nProduct Page<\/em>\n\"FrankBody\n<\/p>

<\/span> 2. Oi Polloi<\/a> <\/span><\/h2>

\nOi Polloi is a bright and fun brand and their typography shows this. With unpredictable fonts and spontaneous placement, no rules seem to apply to their stylistic design; however, I think it’s safe to say that there is order in the fun of Oi Polloi, and this helps highlight their products and brand.\nHomepage<\/em>\n\"Oi\n<\/p>

<\/span> 3. Brathwait<\/a> <\/span><\/h2>

\nSmartwatches may be all the craze right now, but Brathwait is out to keep things classy with their analog watches and type choice. Their minimalist watch designs are mirrored by the font in an effort to break through the noise and focus on simple, yet stunning products.\nProducts Page<\/em>\n\"Brathwait\"\nProducts Detail Page<\/em>\n\"Brathwait\n<\/p>

<\/span> 4. A Number of Names*<\/a> <\/span><\/h2>

\nRemember the web in the 90s with scrolling text? It still works in 2016 if you do it right. The modern retro vibe of this site’s typography represents the many brands and styles distributed by a number of names, and the scrolling welcome text pulls us in from the very start.\nHomepage<\/em>\n\"A\n<\/p>

<\/span> 5. Soap Co.<\/a> <\/span><\/h2>

\nIf you love minimalism, you’ll love Soap Co.’s website. I love how the typography on the products has a strong relationship with the structure and design of the website. It’s a clean design which is perfect when you consider the product.\nHomepage<\/em>\n\"Soap\n<\/p>

<\/span> 6. Zulu & Zypher<\/a> <\/span><\/h2>

\nZulu and Zypher’s shop doesn’t hesitate to use a variety of fonts on their homepage slider, and you shouldn’t either. Using strong photography with cursive and sans-serif type in the mix keeps each slide fresh and unique to the product they want in the spotlight.\nHomepage<\/em>\n\"Zulu\n<\/p>

<\/span> 7. RSVP<\/a> <\/span><\/h2>

\nRSVP’s type is hard to forget. As a high fashion shop, they spell out their company name on each corner in a clockwise motion: R-S-V-P. They also place their mission statement, shipping, and policies as borders on the browser edges.\nHomepage<\/em>\n\"RSVP\"\n<\/p>

<\/span> 8. Sunday Supply Co.<\/a> <\/span><\/h2>

\nSunday Supply Co. utilizes the border edges much like the previous example with RSVP. While the full website is still in development, Sunday Supply Co. makes sure it leaves an impression with strong type and thoughtful photography to back up its vision for the product.\nHomepage<\/em>\n\"Sunday\n<\/p>

<\/span> 9. 1-OK Club<\/a> <\/span><\/h2>Homepage<\/em>\"1

<\/span> 10. Stag Provisions<\/a> <\/span><\/h2>

\nThere’s nothing wrong with a little bit of grunge and textures. Stag Provisions amplifies their brand with strong bold type, at times diverting away from the type baseline to give further impact to their message. Type can be fun and interesting, and Stag Provisions’ site is a great example of that.\nHomepage<\/em>\n\"12-stag\"\n<\/p>

<\/span> Enjoy Type <\/span><\/h2>

\nAs shown in the examples in this article, typography can be a powerful added design element to your ecommerce designs. If you’re just starting out with type design or would like to learn more on how to use typography, I suggest reading Jason Santa Maria’s book On Web Typography<\/a>. If you’re looking for more inspiration, I also suggest checking out Beautiful Stores<\/a>.\nExplore Creative Market’s wonderful collection of fonts<\/a> to inspire your next design. Furthermore, if you’d like to learn more about this year’s ecommerce design awards, keep an eye out on the Shopify Partner blog<\/a> for an announcement coming soon. Finally, as seen in the above examples, there are very few rules when it comes to type. So, have fun and enjoy the process.\n<\/p>

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

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

Typography is one of my favorite aspects of design. At its core, it delivers a message to the reader, but it can also be used as an effective design element. Working at Shopify, I see beautiful stores shipped everyday by Shopify Partners: here are my top 10 ecommerce stores that use beautiful and creative type. […]<\/p>\n","protected":false},"author":119,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[34],"tags":[47,1189,1190],"topics":[],"class_list":["post-33245","post","type-post","status-publish","format-standard","hentry","category-creative-inspiration","tag-business","tag-ecommerce-design","tag-ecommerce-type"],"acf":[],"yoast_head":"\nCreative Type in Ecommerce Design - 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\/creative-type-in-ecommerce-design\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creative Type in Ecommerce Design\" \/>\n<meta property=\"og:description\" content=\"Typography is one of my favorite aspects of design. At its core, it delivers a message to the reader, but it can also be used as an effective design\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/creative-type-in-ecommerce-design\" \/>\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=\"2016-02-26T13:00:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-10T13:24:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/02\/10040702\/01-FrankBody.jpg.webp\" \/>\n<meta name=\"author\" content=\"Levin Mejia\" \/>\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=\"Levin Mejia\" \/>\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\\\/creative-type-in-ecommerce-design\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/creative-type-in-ecommerce-design\",\"name\":\"Creative Type in Ecommerce Design - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/creative-type-in-ecommerce-design#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/creative-type-in-ecommerce-design#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/02\\\/10040702\\\/01-FrankBody.jpg.webp\",\"datePublished\":\"2016-02-26T13:00:26+00:00\",\"dateModified\":\"2024-04-10T13:24:07+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/d0159c00473443305003afe5f182d195\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/creative-type-in-ecommerce-design#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/creative-type-in-ecommerce-design\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/creative-type-in-ecommerce-design#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/02\\\/10040702\\\/01-FrankBody.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/02\\\/10040702\\\/01-FrankBody.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/creative-type-in-ecommerce-design#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creative Type in Ecommerce Design\"}]},{\"@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":"Creative Type in Ecommerce Design - 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\/creative-type-in-ecommerce-design","og_locale":"en_US","og_type":"article","og_title":"Creative Type in Ecommerce Design","og_description":"Typography is one of my favorite aspects of design. At its core, it delivers a message to the reader, but it can also be used as an effective design","og_url":"https:\/\/creativemarket.com\/blog\/creative-type-in-ecommerce-design","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2016-02-26T13:00:26+00:00","article_modified_time":"2024-04-10T13:24:07+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/02\/10040702\/01-FrankBody.jpg.webp","type":"","width":"","height":""}],"author":"Levin Mejia","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Levin Mejia","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/creative-type-in-ecommerce-design","url":"https:\/\/creativemarket.com\/blog\/creative-type-in-ecommerce-design","name":"Creative Type in Ecommerce Design - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/creative-type-in-ecommerce-design#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/creative-type-in-ecommerce-design#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/02\/10040702\/01-FrankBody.jpg.webp","datePublished":"2016-02-26T13:00:26+00:00","dateModified":"2024-04-10T13:24:07+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/d0159c00473443305003afe5f182d195"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/creative-type-in-ecommerce-design#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/creative-type-in-ecommerce-design"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/creative-type-in-ecommerce-design#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/02\/10040702\/01-FrankBody.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/02\/10040702\/01-FrankBody.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/creative-type-in-ecommerce-design#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Creative Type in Ecommerce Design"}]},{"@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\/33245","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\/119"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=33245"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/33245\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=33245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=33245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=33245"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=33245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}