-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhow-to-use-rubik-font.html
1 lines (1 loc) · 36.2 KB
/
how-to-use-rubik-font.html
1
<!DOCTYPE html><html lang="en-gb"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>How to Use Rubik: A Versatile Font for Blog or Marketing</title><meta name="description" content="rubik is an open source sans serif font perfect for banding, web projects. It also has eye catching, graphic styles perfect for marketing."><meta name="generator" content="Publii Open-Source CMS for Static Site"><link rel="canonical" href="https://typogram.co/font-discovery/how-to-use-rubik-font.html"><link rel="alternate" type="application/atom+xml" href="https://typogram.co/font-discovery/feed.xml"><link rel="alternate" type="application/json" href="https://typogram.co/font-discovery/feed.json"><meta property="og:title" content="How to Use Rubik: A Versatile Font for Blog or Marketing "><meta property="og:image" content="https://typogram.co/font-discovery/media/posts/94/font-cover-1.png"><meta property="og:image:width" content="1074"><meta property="og:image:height" content="694"><meta property="og:site_name" content="FontDiscovery"><meta property="og:description" content="rubik is an open source sans serif font perfect for banding, web projects. It also has eye catching, graphic styles perfect for marketing."><meta property="og:url" content="https://typogram.co/font-discovery/how-to-use-rubik-font.html"><meta property="og:type" content="article"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@typogramco"><meta name="twitter:title" content="How to Use Rubik: A Versatile Font for Blog or Marketing "><meta name="twitter:description" content="rubik is an open source sans serif font perfect for banding, web projects. It also has eye catching, graphic styles perfect for marketing."><meta name="twitter:image" content="https://typogram.co/font-discovery/media/posts/94/font-cover-1.png"><link rel="shortcut icon" href="https://typogram.co/font-discovery/media/website/typogram-profile.png" type="image/x-icon"><link rel="preload" href="https://typogram.co/font-discovery/assets/dynamic/fonts/playfairdisplay/playfairdisplay.woff2" as="font" type="font/woff2" crossorigin><link rel="stylesheet" href="https://typogram.co/font-discovery/assets/css/style.css?v=fbfab6b8cb21619324cd63161fa6352d"><script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","mainEntityOfPage":{"@type":"WebPage","@id":"https://typogram.co/font-discovery/how-to-use-rubik-font.html"},"headline":"How to Use Rubik: A Versatile Font for Blog or Marketing ","datePublished":"2022-07-10T16:31-04:00","dateModified":"2023-06-26T01:17-04:00","image":{"@type":"ImageObject","url":"https://typogram.co/font-discovery/media/posts/94/font-cover-1.png","height":694,"width":1074},"description":"rubik is an open source sans serif font perfect for banding, web projects. It also has eye catching, graphic styles perfect for marketing.","author":{"@type":"Person","name":"Hua Shu","url":"https://typogram.co/font-discovery/authors/hua-shu/"},"publisher":{"@type":"Organization","name":"Hua Shu","logo":{"@type":"ImageObject","url":"https://typogram.co/font-discovery/media/website/Typogram-logo-2.svg","height":500,"width":2396}}}</script></head><body><div class="container"><header class="header" id="js-header"><a href="https://www.typogram.co/" class="logo"><img src="https://typogram.co/font-discovery/media/website/Typogram-logo-2.svg" alt="FontDiscovery"></a><nav class="navbar js-navbar"><button class="navbar__toggle js-toggle" aria-label="Menu"><span class="navbar__toggle-box"><span class="navbar__toggle-inner">Menu</span></span></button><ul class="navbar__menu"><li><a href="https://typogram.co/blog/" target="_self">Blog Home</a></li><li class="has-submenu"><a href="https://typogram.co/font-discovery/" target="_self" aria-haspopup="true">FontDiscovery</a><ul class="navbar__submenu level-2" aria-hidden="true"><li><a href="https://typogram.co/font-discovery/tags/serif/" title="Serif" target="_self">Serif</a></li><li><a href="https://typogram.co/font-discovery/tags/slab-serif/" title="Slab Serif" target="_self">Slab Serif</a></li><li><a href="https://typogram.co/font-discovery/tags/sans-serif/" target="_self">Sans Serif</a></li><li><a href="https://typogram.co/font-discovery/tags/script/" target="_self">Script</a></li><li><a href="https://typogram.co/font-discovery/tags/display/" target="_self">Display</a></li><li><a href="https://typogram.co/font-discovery/tags/monospaced/" target="_self">Monospaced</a></li></ul></li><li><a href="https://typogram.co/build" title="BuildinPublic" target="_self">BuildinPublic</a></li><li><a href="https://typogram.co/help" title="Help Center" target="_self">Help Center</a></li><li><a href="https://typogram.co/blog/about-us/" title="About Us" target="_self">About Us</a></li><li class="pre-order-button"><a href="https://typogram.co/sign-in" title="SIGN-IN" target="_self">Sign-in</a></li></ul></nav></header><main><article class="post wrapper"><header class="hero"><p class="post__meta">By <a href="https://typogram.co/font-discovery/authors/hua-shu/" rel="author" title="Hua Shu">Hua Shu</a> Published on <time datetime="2022-07-10T16:31">July 10, 2022</time></p><h1 class="post__title">How to Use Rubik: A Versatile Font for Blog or Marketing </h1></header><figure class="post__featured-image post__image--wide"><img src="https://typogram.co/font-discovery/media/posts/94/font-cover-1.png" srcset="https://typogram.co/font-discovery/media/posts/94/responsive/font-cover-1-xs.png 300w, https://typogram.co/font-discovery/media/posts/94/responsive/font-cover-1-sm.png 480w, https://typogram.co/font-discovery/media/posts/94/responsive/font-cover-1-md.png 768w, https://typogram.co/font-discovery/media/posts/94/responsive/font-cover-1-lg.png 1024w, https://typogram.co/font-discovery/media/posts/94/responsive/font-cover-1-xl.png 1360w, https://typogram.co/font-discovery/media/posts/94/responsive/font-cover-1-2xl.png 1600w, https://typogram.co/font-discovery/media/posts/94/responsive/font-cover-1-sm2.png 375w" sizes="(max-width: 1600px) 100vw, 1600px" loading="eager" height="694" width="1074" alt=""></figure><div id="mc_embed_signup"><form class="validate" action="https://typogram.us21.list-manage.com/subscribe/post?u=524fd774e21060e9ef6f46b01&id=f68e30ed33&f_id=00ea5fe1f0" method="post" novalidate="" target="_self"><div id="mc_embed_signup_scroll"><p align="center"><em>If you enjoyed this post, subscribe to get updates from our blog!</em></p><p align="center"><input id="bd-email" class="bd-email" name="EMAIL" type="email" placeholder="Enter your email"> <input class="bd-submit" type="submit" value="Subscribe"></p><div hidden=""><input name="tags" type="hidden" value="2818175"></div></div></form></div><hr><div class="post__entry"><h4>In This Issue…</h4><h1>How to Use Rubik for Logo, Branding & More</h1><p> </p><ul><li>Font of the Week:<a href="https://fonts.google.com/specimen/Josefin+Slab" rel=""> </a><a href="https://fonts.google.com/?query=Rubik" target="_blank" rel="noopener noreferrer">Rubik</a></li><li>Design idea: <a href="#INTERNAL_LINK#/post/NaN" target="_blank" rel="noopener noreferrer">Instagram's Immersive Feed…Verdict?</a></li><li>Color Inspiration: Summer Nights</li></ul><div class="captioned-image-container"><figure><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb0d6a84d-c3a0-4238-8da0-71ea246aa678_1074x694.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb0d6a84d-c3a0-4238-8da0-71ea246aa678_1074x694.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb0d6a84d-c3a0-4238-8da0-71ea246aa678_1074x694.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb0d6a84d-c3a0-4238-8da0-71ea246aa678_1074x694.png 1456w" sizes="100vw"></picture><figure class="sizing-normal"><figure class="post__image"><img title="sample of Rubik" src="https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb0d6a84d-c3a0-4238-8da0-71ea246aa678_1074x694.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb0d6a84d-c3a0-4238-8da0-71ea246aa678_1074x694.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb0d6a84d-c3a0-4238-8da0-71ea246aa678_1074x694.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb0d6a84d-c3a0-4238-8da0-71ea246aa678_1074x694.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb0d6a84d-c3a0-4238-8da0-71ea246aa678_1074x694.png 1456w" alt="sample of Rubik" width="1074" height="694" loading="lazy" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/b0d6a84d-c3a0-4238-8da0-71ea246aa678_1074x694.png","fullscreen":null,"imageSize":null,"height":694,"width":1074,"resizeWidth":null,"bytes":null,"alt":"sample of Rubik","title":null,"type":null,"href":null,"belowTheFold":true}" data-is-external-image="true"></figure><figcaption>sample of Rubik</figcaption></figure><figcaption class="image-caption"></figcaption></figure></div><div><hr></div><h4 class="header-with-anchor-widget">Font of the Week </h4><h2 class="header-with-anchor-widget">About Rubik</h2><p>Rubik is a humanist sans serif with a neutral tone and minimal calligraphic details. Its slightly rounded corners make it inviting to read, but it is minimal enough to blend into the background. Compared to <a href="https://typogram.co/font-discovery/how-to-use-nunito-font.html" target="_blank" rel="noopener noreferrer">Nunito</a>, a similar font we covered previously, Rubik is much more neutral and toned down.</p><p>Designers have loved how Rubik looks and created additional graphic variations for display purposes. This means you have options with Rubik: you can use the more neutral sans serif for text and more graphic variations for marketing design. </p><p>My favorite one is the Rubik Glitch, which is Rubik designed with a glitch motion. I think Rubik Glitch is an exciting option for videos or animated gifs. Rubik Paddles and Rubik Microbe are attention-catching with their illustrative details.</p><h2 class="header-with-anchor-widget">Font Details </h2><ul><li>Rounded corners</li><li>Six weights with italic versions</li><li>Graphic display versions </li></ul><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47a3b220-a931-4bd0-a7cb-331cb706a452_1349x462.png"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47a3b220-a931-4bd0-a7cb-331cb706a452_1349x462.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47a3b220-a931-4bd0-a7cb-331cb706a452_1349x462.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47a3b220-a931-4bd0-a7cb-331cb706a452_1349x462.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47a3b220-a931-4bd0-a7cb-331cb706a452_1349x462.png 1456w" sizes="100vw"></picture></a><figure class="sizing-normal"><figure class="post__image"><img title="Rounded stroke caps " src="https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47a3b220-a931-4bd0-a7cb-331cb706a452_1349x462.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47a3b220-a931-4bd0-a7cb-331cb706a452_1349x462.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47a3b220-a931-4bd0-a7cb-331cb706a452_1349x462.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47a3b220-a931-4bd0-a7cb-331cb706a452_1349x462.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F47a3b220-a931-4bd0-a7cb-331cb706a452_1349x462.png 1456w" alt="Rounded stroke caps " width="1349" height="462" loading="lazy" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/47a3b220-a931-4bd0-a7cb-331cb706a452_1349x462.png","fullscreen":null,"imageSize":null,"height":462,"width":1349,"resizeWidth":null,"bytes":null,"alt":"Rounded stroke caps ","title":null,"type":null,"href":null,"belowTheFold":true}" data-is-external-image="true"></figure><figcaption>Rounded stroke caps </figcaption></figure><figcaption class="image-caption"></figcaption></figure></div><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4ec5bc24-1d43-4ec4-9848-36da330095a4_1349x462.png"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4ec5bc24-1d43-4ec4-9848-36da330095a4_1349x462.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4ec5bc24-1d43-4ec4-9848-36da330095a4_1349x462.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4ec5bc24-1d43-4ec4-9848-36da330095a4_1349x462.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4ec5bc24-1d43-4ec4-9848-36da330095a4_1349x462.png 1456w" sizes="100vw"></picture></a><figure class="sizing-normal"><figure class="post__image"><img src="https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4ec5bc24-1d43-4ec4-9848-36da330095a4_1349x462.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4ec5bc24-1d43-4ec4-9848-36da330095a4_1349x462.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4ec5bc24-1d43-4ec4-9848-36da330095a4_1349x462.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4ec5bc24-1d43-4ec4-9848-36da330095a4_1349x462.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4ec5bc24-1d43-4ec4-9848-36da330095a4_1349x462.png 1456w" alt="" width="1349" height="462" loading="lazy" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/4ec5bc24-1d43-4ec4-9848-36da330095a4_1349x462.png","fullscreen":null,"imageSize":null,"height":462,"width":1349,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null,"belowTheFold":true}" data-is-external-image="true"></figure><figcaption>Weights and styles of Rubik</figcaption></figure><p> </p><figcaption class="image-caption"></figcaption></figure></div><h2 class="header-with-anchor-widget">How to use Rubik for logos?</h2><div id="§how-to-use-rubik-for-logos" class="header-anchor-widget"><div class="header-anchor-widget-button-container"><span style="color: var(--text-primary-color); font-family: var(--editor-font-family); font-size: inherit; font-weight: var(--font-weight-normal);">Rubik has a neutral tone perfect for logos. The bolder versions, like Medium, Bold, and Extra Bold work best since they are more readable in smaller sizes. The graphic display versions of Rubik can also work for logos as long as the visual details don’t get lost or become distracting for readability.</span></div></div><h2 class="header-with-anchor-widget">How to use Rubik for Branding and Marketing?</h2><p>Rubik has six weights with italic versions, making it perfect for blogs and projects requiring a robust typography system. Graphic versions of Rubik are excellent for marketing graphics and display purposes because of their dashing and fun visual details.</p><div class="captioned-image-container"><figure><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fdbc147b2-6949-45b6-b9b9-22cb3d8cf280_1074x693.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fdbc147b2-6949-45b6-b9b9-22cb3d8cf280_1074x693.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fdbc147b2-6949-45b6-b9b9-22cb3d8cf280_1074x693.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fdbc147b2-6949-45b6-b9b9-22cb3d8cf280_1074x693.png 1456w" sizes="100vw"></picture><figure class="sizing-normal"><figure class="post__image"><img src="https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fdbc147b2-6949-45b6-b9b9-22cb3d8cf280_1074x693.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fdbc147b2-6949-45b6-b9b9-22cb3d8cf280_1074x693.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fdbc147b2-6949-45b6-b9b9-22cb3d8cf280_1074x693.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fdbc147b2-6949-45b6-b9b9-22cb3d8cf280_1074x693.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fdbc147b2-6949-45b6-b9b9-22cb3d8cf280_1074x693.png 1456w" alt="" width="1074" height="693" loading="lazy" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/dbc147b2-6949-45b6-b9b9-22cb3d8cf280_1074x693.png","fullscreen":null,"imageSize":null,"height":693,"width":1074,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null,"belowTheFold":true}" data-is-external-image="true"></figure><figcaption>Rubik as the web font for a craft beer brand. <em>Source: FontsInUse</em></figcaption></figure></figure></div><div><hr></div><h4 class="header-with-anchor-widget">Design Idea of the Week</h4><h2 class="header-with-anchor-widget">Instagram's Immersive Feed…Verdict? </h2><p>Remember we previously talked about <a href="https://typogram.co/blog/reviewing-instagram-rebrand/" target="_blank" rel="noopener noreferrer">Instagram</a>? A significant part of the rebrand focused on “community-centric” layouts (cue: vertical formats). Instagram expressed interest in reworking its feed and has been pushing out a prototype similar to Tiktok to users. This weekend, I finally came across an article with insights and reactions from these test users. The title was pretty telling. <a href="#INTERNAL_LINK#/post/NaN" target="_blank" rel="noopener noreferrer">Check it out here.</a></p><div><hr></div><h4 class="header-with-anchor-widget">Color Inspiration of the Week</h4><h2 class="header-with-anchor-widget">Summer Nights</h2><p>This week, enjoy this summer night color palette! </p><div class="captioned-image-container"><figure><figure class="sizing-normal"><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb7047d5b-2a0e-4287-86f0-854eb39c891e_1518x760.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb7047d5b-2a0e-4287-86f0-854eb39c891e_1518x760.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb7047d5b-2a0e-4287-86f0-854eb39c891e_1518x760.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb7047d5b-2a0e-4287-86f0-854eb39c891e_1518x760.png 1456w" sizes="100vw"><img title="color inspo" src="https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb7047d5b-2a0e-4287-86f0-854eb39c891e_1518x760.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb7047d5b-2a0e-4287-86f0-854eb39c891e_1518x760.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb7047d5b-2a0e-4287-86f0-854eb39c891e_1518x760.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb7047d5b-2a0e-4287-86f0-854eb39c891e_1518x760.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fb7047d5b-2a0e-4287-86f0-854eb39c891e_1518x760.png 1456w" alt="color inspo" width="1456" height="729" loading="lazy" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/b7047d5b-2a0e-4287-86f0-854eb39c891e_1518x760.png","fullscreen":null,"imageSize":null,"height":729,"width":1456,"resizeWidth":null,"bytes":null,"alt":"color inspo","title":null,"type":null,"href":null,"belowTheFold":true}" data-is-external-image="true"></figure></figure></div><div><hr></div><h4 class="header-with-anchor-widget">Creative Prompt of the Week</h4><p>Create something with Rubik!</p><div><hr></div><h4 class="header-with-anchor-widget"><strong>Thank you</strong></h4><p>…for reading and hanging out here this week! <a href="https://fonts.google.com/?query=Rubik" target="_blank" rel="noopener noreferrer">Rubik</a> is available here.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3db48e25-5763-4376-bac3-28817cd60121_1519x760.png"><figure class="post__image"><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3db48e25-5763-4376-bac3-28817cd60121_1519x760.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3db48e25-5763-4376-bac3-28817cd60121_1519x760.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3db48e25-5763-4376-bac3-28817cd60121_1519x760.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3db48e25-5763-4376-bac3-28817cd60121_1519x760.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3db48e25-5763-4376-bac3-28817cd60121_1519x760.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3db48e25-5763-4376-bac3-28817cd60121_1519x760.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3db48e25-5763-4376-bac3-28817cd60121_1519x760.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3db48e25-5763-4376-bac3-28817cd60121_1519x760.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3db48e25-5763-4376-bac3-28817cd60121_1519x760.png 1456w" alt="color inspo" width="1456" height="728" loading="lazy" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/3db48e25-5763-4376-bac3-28817cd60121_1519x760.png","fullscreen":null,"imageSize":null,"height":728,"width":1456,"resizeWidth":null,"bytes":44842,"alt":null,"title":null,"type":"image/png","href":null,"belowTheFold":true}" data-is-external-image="true"></figure></a></figure></div></div><footer class="post__footer"><div class="post__last-updated">This article was updated on June 26, 2023</div><div class="post__footer__col"><ul class="post__tag"><li><a href="https://typogram.co/font-discovery/tags/display/">Display</a></li><li><a href="https://typogram.co/font-discovery/tags/sans-serif/">Sans Serif</a></li></ul><div class="post__share"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-rubik-font.html" class="js-share facebook" aria-label="Share with Facebook" rel="nofollow noopener noreferrer"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#facebook"/></svg> </a><a href="https://twitter.com/share?url=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-rubik-font.html&via=%40typogramco&text=How%20to%20Use%20Rubik%3A%20A%20Versatile%20Font%20for%20Blog%20or%20Marketing%C2%A0" class="js-share twitter" aria-label="Share with Twitter" rel="nofollow noopener noreferrer"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#twitter"/></svg> </a><a href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-rubik-font.html&media=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fmedia%2Fposts%2F94%2Ffont-cover-1.png&description=How%20to%20Use%20Rubik%3A%20A%20Versatile%20Font%20for%20Blog%20or%20Marketing%C2%A0" class="js-share pinterest" aria-label="[MISSING TRANSLATION] Share with Pinterest" rel="nofollow noopener noreferrer"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#pinterest"/></svg> </a><a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-rubik-font.html" class="js-share linkedin" aria-label="Share with LinkedIn" rel="nofollow noopener noreferrer"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#linkedin"/></svg> </a><a href="https://api.whatsapp.com/send?text=How%20to%20Use%20Rubik%3A%20A%20Versatile%20Font%20for%20Blog%20or%20Marketing%C2%A0 https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-rubik-font.html" class="js-share whatsapp" aria-label="Share with Whats App" rel="nofollow noopener noreferrer"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#whatsapp"/></svg></a></div></div><nav class="post__nav"><div class="post__nav__prev">Previous Post<h5><a href="https://typogram.co/font-discovery/how-to-use-alegreya-font.html" class="inverse" rel="prev">How to Use Alegreya: A Font with Multiple Styles Perfect for Blog and Newsletters</a></h5></div><div class="post__nav__next">Next Post<h5><a href="https://typogram.co/font-discovery/how-to-use-savate-font.html" class="inverse" rel="next">Reviewing Savate: A Brushy & Crafty Sans Serif Perfect for Creating Marketing Graphics</a></h5></div></nav><div class="post__bio"><img src="https://typogram.co/font-discovery/media/website/typogram-profile-hs.png" loading="eager" height="600" width="601" alt="Hua Shu"><div><h3><a href="https://typogram.co/font-discovery/authors/hua-shu/" class="inverse" title="Hua Shu">Hua Shu</a></h3><p>Hua is a co-founder of Typogram. Hua loves to create design resources for beginners! Got questions about design? Email me: ✨ [email protected] 🎨</p></div></div><div class="post__related"><h3 class="u-h5">Related posts</h3><div class="post__related__wrap"><figure><a href="https://typogram.co/font-discovery/how-to-use-faster-one-font.html"><img src="https://typogram.co/font-discovery/media/posts/28/responsive/cover-xs.png" loading="lazy" alt="faster one cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-faster-one-font.html" class="inverse">Reviewing Faster One: A Visual Font For Creative Marketing</a></h4><time datetime="2022-06-04T18:44">June 4, 2022</time></figcaption></figure><figure><a href="https://typogram.co/font-discovery/how-to-use-oregano-font.html"><img src="https://typogram.co/font-discovery/media/posts/25/responsive/MainShowcase-0-xs.png" loading="lazy" alt="Oregano cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-oregano-font.html" class="inverse">How to Use Oregano: A Casual Script Font Speaking Warmth and Craftsmanship</a></h4><time datetime="2022-06-04T17:42">June 4, 2022</time></figcaption></figure><figure><a href="https://typogram.co/font-discovery/how-to-use-ultra-font.html"><img src="https://typogram.co/font-discovery/media/posts/24/responsive/MainShowcase-0-xs.png" loading="lazy" alt="ultra cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-ultra-font.html" class="inverse">Reviewing Ultra: A Bold Slab Serif Font to Stand Out From the Crowd</a></h4><time datetime="2022-06-01T22:02">June 1, 2022</time></figcaption></figure></div></div></footer></article></main><footer class="footer"><div class="footer__copyright">Project by <a href="https://www.typogram.co/">Typogram</a></div><div class="footer__social"><a href="https://twitter.com/typogramco" class="twitter" aria-label="Twitter"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#twitter"/></svg> </a><a href="https://www.instagram.com/typogramco" class="instagram" aria-label="Instagram"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#instagram"/></svg> </a><a href="https://www.linkedin.com/company/typogramco" class="linkedin" aria-label="LinkedIn"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#linkedin"/></svg></a></div></footer></div><script defer="defer" src="https://typogram.co/font-discovery/assets/js/scripts.min.js?v=b1f07db09e44ca999e985e714f8eba4e"></script><script>window.publiiThemeMenuConfig={mobileMenuMode:'sidebar',animationSpeed:300,submenuWidth: 'auto',doubleClickTime:500,mobileMenuExpandableSubmenus:true,relatedContainerForOverlayMenuSelector:'.navbar'};</script><script>/*<![CDATA[*/var images=document.querySelectorAll("img[loading]");for(var i=0;i<images.length;i++){if(images[i].complete){images[i].classList.add("is-loaded")}else{images[i].addEventListener("load",function(){this.classList.add("is-loaded")},false)}};/*]]>*/</script><div id="mc_embed_signup"><form class="validate" action="https://typogram.us21.list-manage.com/subscribe/post?u=524fd774e21060e9ef6f46b01&id=f68e30ed33&f_id=00ea5fe1f0" method="post" novalidate="" target="_self"><div id="mc_embed_signup_scroll"><p align="center"><em>If you enjoyed the posts here, subscribe to get updates from Typogram's blog!</em></p><p align="center"><input id="bd-email" class="bd-email" name="EMAIL" type="email" placeholder="Enter your email"> <input class="bd-submit" type="submit" value="Subscribe"></p><div hidden=""><input name="tags" type="hidden" value="2818175"></div></div><br><br></form></div></body></html>