{"id":715,"date":"2025-12-16T15:16:33","date_gmt":"2025-12-16T15:16:33","guid":{"rendered":"https:\/\/www.katelynfreese.art\/?page_id=715"},"modified":"2025-12-23T01:20:05","modified_gmt":"2025-12-23T01:20:05","slug":"typeface-design","status":"publish","type":"page","link":"https:\/\/www.katelynfreese.art\/?page_id=715","title":{"rendered":"Typeface Design"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1800\" height=\"1800\" src=\"https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/moodboard-1.jpg\" alt=\"\" class=\"wp-image-733\" srcset=\"https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/moodboard-1.jpg 1800w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/moodboard-1-300x300.jpg 300w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/moodboard-1-150x150.jpg 150w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/moodboard-1-768x768.jpg 768w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/moodboard-1-1536x1536.jpg 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Moodboard inspiration for Liberty Botanic Gardens<\/p>\n\n\n\n<p class=\"has-tertiary-background-color has-background\">To begin designing our own typeface, we started by coming up with a hypothetical cultural institution. I created Liberty Botanic Gardens, a research center and garden in Philadelphia, Pennsylvania that focuses on the conservation of native plant species to North America. <\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center has-large-font-size\">3 Exploration Options<\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:70% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1650\" height=\"1275\" src=\"https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/typefaceoptions-01-1.jpg\" alt=\"\" class=\"wp-image-724 size-full\" srcset=\"https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/typefaceoptions-01-1.jpg 1650w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/typefaceoptions-01-1-300x232.jpg 300w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/typefaceoptions-01-1-768x593.jpg 768w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/typefaceoptions-01-1-1536x1187.jpg 1536w\" sizes=\"auto, (max-width: 1650px) 100vw, 1650px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p>Option 1:<\/p>\n\n\n\n<p class=\"has-small-font-size\">Tall structural letters based on the elaborate greenhouse architecture seen in the moodboard.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:70% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1650\" height=\"1275\" src=\"https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/typefaceoptions-02-1.jpg\" alt=\"\" class=\"wp-image-725 size-full\" srcset=\"https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/typefaceoptions-02-1.jpg 1650w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/typefaceoptions-02-1-300x232.jpg 300w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/typefaceoptions-02-1-768x593.jpg 768w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/typefaceoptions-02-1-1536x1187.jpg 1536w\" sizes=\"auto, (max-width: 1650px) 100vw, 1650px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p>Option 2:<\/p>\n\n\n\n<p class=\"has-small-font-size\">Includes more natural curvature while remaining geometric and structured. Leaf and floral motifs create consistency.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:70% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1650\" height=\"1275\" src=\"https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/typefaceoptions-03-1.jpg\" alt=\"\" class=\"wp-image-726 size-full\" srcset=\"https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/typefaceoptions-03-1.jpg 1650w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/typefaceoptions-03-1-300x232.jpg 300w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/typefaceoptions-03-1-768x593.jpg 768w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/typefaceoptions-03-1-1536x1187.jpg 1536w\" sizes=\"auto, (max-width: 1650px) 100vw, 1650px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p>Option 3:<\/p>\n\n\n\n<p class=\"has-small-font-size\">A lowercase with more dynamic flow and movement, inspired by the stages of plant growth and leaf shapes.<\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center has-large-font-size\">Greenhouse Typeface<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1978\" src=\"https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/alphabet-copy-1-scaled.png\" alt=\"\" class=\"wp-image-717\" srcset=\"https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/alphabet-copy-1-scaled.png 2560w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/alphabet-copy-1-300x232.png 300w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/alphabet-copy-1-768x593.png 768w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/alphabet-copy-1-1536x1187.png 1536w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/alphabet-copy-1-2048x1583.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Full alphabet design<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1978\" src=\"https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/underlyinggrid-copy-scaled.png\" alt=\"\" class=\"wp-image-718\" srcset=\"https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/underlyinggrid-copy-scaled.png 2560w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/underlyinggrid-copy-300x232.png 300w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/underlyinggrid-copy-768x593.png 768w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/underlyinggrid-copy-1536x1187.png 1536w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/underlyinggrid-copy-2048x1583.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Display of underlying grid structure<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1978\" src=\"https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/words-copy-scaled.png\" alt=\"\" class=\"wp-image-719\" srcset=\"https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/words-copy-scaled.png 2560w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/words-copy-300x232.png 300w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/words-copy-768x593.png 768w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/words-copy-1536x1187.png 1536w, https:\/\/www.katelynfreese.art\/wp-content\/uploads\/2025\/12\/words-copy-2048x1583.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Type samples ensuring legibility in text<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-tertiary-background-color has-background\">Once our final letterforms were designed in Illustrator, the letters were moved into Glyph, allowing the creation of a workable OTF file where we could refine and adjust the letterforms and kerning until we were satisfied. <\/p>\n\n\n<p style=\"text-align: center;width: 800px; height: 470px; overflow: hidden; margin: auto; margin-top: 50px;\"><iframe style=\"width: 850px; height: 480px; top: -45px; position: relative; left: -2px;\" src=\"https:\/\/editor.p5js.org\/kmfreese\/full\/H6WEggZER\"><\/iframe><\/p>\n\n\n<p class=\"has-text-align-center has-small-font-size\">Type anything in the white box above to see it in the Greenhouse typeface<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-tertiary-background-color has-background\">Now that the typeface was in an accessible file format, it was utilized in P5JS to create sketches and interactions with the letterforms. <\/p>\n\n\n<p style=\"text-align: center;width: 850px; height: 460px; overflow: hidden;margin: auto; margin-top: 50px;\"><iframe style=\"width: 800px; height: 465px; top: -48px; left: -5px; position: relative\" src=\"https:\/\/editor.p5js.org\/kmfreese\/full\/ya3zbE4bS\"><\/iframe><\/p>\n\n\n<p class=\"has-text-align-center has-small-font-size\">Hover the mouse over each letter to see the stroke without the fill<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<p style=\"text-align: center;\">\n<div style=\"width: 850px; height: 900px; overflow: hidden; margin: auto\">\n<iframe style=\"width: 800px; height: 900px; top: -45px; left: -5px; position: relative\" src=\"https:\/\/editor.p5js.org\/kmfreese\/full\/EoFfS1WoG\"><\/iframe>\n<\/div>\n<\/p>\n\n\n<p class=\"has-text-align-center has-small-font-size\">Click the space above to see random letters in the typeface<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-align-center wp-element-button\" href=\"https:\/\/www.katelynfreese.art\/?page_id=418\">Back to Graphic Design<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Moodboard inspiration for Liberty Botanic Gardens To begin designing our own typeface, we started by coming up with a hypothetical cultural institution. I created Liberty Botanic Gardens, a research center and garden in Philadelphia, Pennsylvania that focuses on the conservation of native plant species to North America. 3 Exploration Options Option 1: Tall structural letters [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-715","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.katelynfreese.art\/index.php?rest_route=\/wp\/v2\/pages\/715","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.katelynfreese.art\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.katelynfreese.art\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.katelynfreese.art\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.katelynfreese.art\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=715"}],"version-history":[{"count":71,"href":"https:\/\/www.katelynfreese.art\/index.php?rest_route=\/wp\/v2\/pages\/715\/revisions"}],"predecessor-version":[{"id":839,"href":"https:\/\/www.katelynfreese.art\/index.php?rest_route=\/wp\/v2\/pages\/715\/revisions\/839"}],"wp:attachment":[{"href":"https:\/\/www.katelynfreese.art\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}