{"data":{"site":{"siteMetadata":{"title":"Final Year Research Log","author":"William Park"}},"markdownRemark":{"id":"f35ed8d6-d858-55b1-864a-078546994d15","excerpt":"As previously mentioned in my moodboard post, I want the feel for the app to be soft and playful. I selected the Visby Round CF typeface…","html":"<p>As previously mentioned in my moodboard post, I want the feel for the app to be soft and playful. I selected the Visby Round CF typeface because it achieves that well. It’s reasonably priced for commercial usage and it comes with a good variety of weights.</p>\n<p>Type is one of the most common elements in most apps so I believe getting the feel that I wanted to achieve through the typeface is a huge win as it sets the tone for the rest of the application.</p>\n<p>\n  <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/research-log/static/typo-74f6d60e7c2628e9da99510a3c0298d8-e6fc4.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n  \n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block; ; max-width: 590px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 115.29110684580934%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAXCAIAAACEf/j0AAAACXBIWXMAAC4jAAAuIwF4pT92AAACnUlEQVQ4y52U63KbMBCF8/7PlGYmnUmbTNo07WTitLGNwQgkBOZiwGAu6SfUhF4m+VFGlpdFR7vn7Eon4zh2Xff0X88Jv9uvd2dn7z98vL68/HRxcXV19fn03fnp6XkYSr4ObG/XTsb4F7goiuvrL4vF95ubb7e3dw+LHxirpSNl9Ax5JTLf2mPXdn3bdce+r5u2PDRmNO2+rpMsT4t9UdVFWef7cpcXzC/bmchC6bvH9f1qs9qKR9e/XzkPa2+xdh8cL4rToqyyogTDLoDZbhiGGVzWB1YwmvbYtO2hbfFgVIem6/u3BCMFg6zqvKxUssuKfWmSrHglCKFwEbaYXvUuS7IiTnObueEcRPFGyNU2CCK9CaQXqvU22IgQA6evIhHpIErcQC5dwcyOs2AyTtZ+4IURW2xl5PihL/XSE+CRA/6A8U+KbO+XGzadObuBAlY3DVQPTVNNhGFu5qZFZz5RBWxMSO2regZTqreFeV2wpxEOaBDqBMJhnCCMincIYZ0MlaQ4jSfLMaBAdgY8DCMaWkqOCCEf6hgbYZCNQQkmRRRrmJeGuUD8X4IRx+oEebQBxvCVluQyaYYi+EUUG8G3Is33tscMZ9RmqSmMUVgSn1cXgNIML1AUIjBIRQoYeOZSkZhNm6qyxbTORI6SlMjMpMAukF/5Qsa7vh9+q7M2kcGTggXTp+PzYw+WNYZnYwZTKUrFOHa9NXjMJcHfMPDrzL8xrHM+GDZytEtdoRzfNCOFgZUm58D2bExj0XM+qU0EOV42HSNYOAlmuxq1PKptVKFV6bwQks7U58BsISj1HBmvWaQTc0ICieAsZRGv5mBlBWoRVqcZMWy32I40YJoESfmAl5rTcERmKdLM99d8i/15h70845s31r/PTxCPFVRv3DqWAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n    >\n      <img\n        class=\"gatsby-resp-image-image\"\n        style=\"width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;\"\n        alt=\"Typography\"\n        title=\"\"\n        src=\"/research-log/static/typo-74f6d60e7c2628e9da99510a3c0298d8-fb8a0.png\"\n        srcset=\"/research-log/static/typo-74f6d60e7c2628e9da99510a3c0298d8-1a291.png 148w,\n/research-log/static/typo-74f6d60e7c2628e9da99510a3c0298d8-2bc4a.png 295w,\n/research-log/static/typo-74f6d60e7c2628e9da99510a3c0298d8-fb8a0.png 590w,\n/research-log/static/typo-74f6d60e7c2628e9da99510a3c0298d8-526de.png 885w,\n/research-log/static/typo-74f6d60e7c2628e9da99510a3c0298d8-fa2eb.png 1180w,\n/research-log/static/typo-74f6d60e7c2628e9da99510a3c0298d8-e6fc4.png 1563w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n      />\n    </span>\n  </span>\n  \n  </a>\n    </p>\n<p>I’m using the minor third scale (measured with <a href=\"https://type-scale.com\">type-scale</a>) with the app as it minifies the amount of scale difference between each level of the hierarchy. </p>","frontmatter":{"title":"Typography","date":"November 07, 2018"}}},"pageContext":{"slug":"/typography/","previous":{"fields":{"slug":"/moodboard/"},"frontmatter":{"title":"Moodboard"}},"next":{"fields":{"slug":"/brand-name-gen/"},"frontmatter":{"title":"Brand Name Generation - Habeats"}}}}