{"id":328,"date":"2025-12-13T06:29:28","date_gmt":"2025-12-13T06:29:28","guid":{"rendered":"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/?p=328"},"modified":"2026-02-06T22:35:45","modified_gmt":"2026-02-06T22:35:45","slug":"type-image-the-grid","status":"publish","type":"post","link":"https:\/\/sova.ourcloud.ou.edu\/elliott\/2025\/12\/13\/type-image-the-grid\/","title":{"rendered":"Type, Image &amp; the Grid"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-base-2-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-218c8f3f wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-1da03c2a wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\"><figure style=\"aspect-ratio:auto;\" class=\"alignleft wp-block-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/5025-01-a3-vertical-page-mockup-1-scaled.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" style=\"border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;width:100%;height:100%;object-fit:contain;\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/5025-01-a3-vertical-page-mockup-1-scaled.png 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/5025-01-a3-vertical-page-mockup-1-768x512.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/5025-01-a3-vertical-page-mockup-1-1536x1024.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/5025-01-a3-vertical-page-mockup-1-2048x1365.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n\n<h2 class=\"wp-block-post-title\">Type, Image &amp; the Grid<\/h2>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">This project examines type hierarchy, scale, and grid systems through editorial-style compositions developed for a promotional concept for KLM\u2019s nonstop flight from Austin to Amsterdam. <\/p><\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-section-3 has-contrast-color has-base-background-color has-text-color has-background has-link-color has-medium-font-size wp-elements-a02029799c4b80a2401de55a1b44db25 has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-00c716cb wp-block-group-is-layout-constrained\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\"><strong>Challenge<\/strong><\/h2>\n\n\n\n<p>This project challenged me to design within strict grid and typographic limitations while still creating visual interest. Early phases restricted me to a single type size and weight, pushing me to rely on spacing, alignment, and composition instead of contrast. As the project progressed, I needed to introduce stronger hierarchy and movement without breaking the grid or sacrificing readability. Balancing expressive type with functional information was a key focus throughout.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Solution<\/strong><\/h2>\n\n\n\n<p>I approached the project as a gradual exploration, allowing each phase to build on the previous one. By using the grid as a consistent foundation, I experimented with scale, placement, and directional type while maintaining structure. Hierarchy was introduced through subtle changes in size and contrast, and later through movement and composition. The final layouts feel intentional, dynamic, and clear while still respecting the grid system.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Same type size and weigh<\/strong>t<\/h3>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"1344\" data-id=\"329\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-13.png\" alt=\"\" class=\"wp-image-329\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-13.png 960w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-13-768x1075.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"1344\" data-id=\"330\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-15.png\" alt=\"\" class=\"wp-image-330\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-15.png 960w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-15-768x1075.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n<\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Different type sizes, same weight (moderate contrast)<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"2100\" data-id=\"355\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-2.png\" alt=\"\" class=\"wp-image-355\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-2.png 1500w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-2-768x1075.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-2-1097x1536.png 1097w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-2-1463x2048.png 1463w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"2100\" data-id=\"356\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-22.png\" alt=\"\" class=\"wp-image-356\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-22.png 1500w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-22-768x1075.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-22-1097x1536.png 1097w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-22-1463x2048.png 1463w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n<\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Different type sizes, same weight (stronger contrast)<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"1344\" data-id=\"333\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-3.png\" alt=\"\" class=\"wp-image-333\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-3.png 960w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-3-768x1075.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"1344\" data-id=\"334\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-33.png\" alt=\"\" class=\"wp-image-334\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-33.png 960w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-33-768x1075.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n<\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Different type sizes and weights<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"1344\" data-id=\"336\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-44.png\" alt=\"\" class=\"wp-image-336\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-44.png 960w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-44-768x1075.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"1344\" data-id=\"335\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-45.png\" alt=\"\" class=\"wp-image-335\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-45.png 960w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-45-768x1075.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n<\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Communicating flight and movement<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-2 is-cropped wp-block-gallery-5 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"1344\" data-id=\"340\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-5.png\" alt=\"\" class=\"wp-image-340\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-5.png 960w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-5-768x1075.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"1344\" data-id=\"339\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-52.png\" alt=\"\" class=\"wp-image-339\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-52.png 960w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-52-768x1075.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"1344\" data-id=\"338\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-53.png\" alt=\"\" class=\"wp-image-338\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-53.png 960w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-53-768x1075.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"1344\" data-id=\"337\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-55.png\" alt=\"\" class=\"wp-image-337\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-55.png 960w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Type-2_Project-1_Phase-55-768x1075.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n<\/figure>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>This project examines type hierarchy, scale, and grid systems through editorial-style compositions developed for a promotional concept for KLM\u2019s nonstop flight from Austin to Amsterdam.<\/p>\n","protected":false},"author":2,"featured_media":616,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"single-post-project","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[13],"class_list":["post-328","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-work","tag-typography"],"_links":{"self":[{"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/posts\/328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/comments?post=328"}],"version-history":[{"count":9,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/posts\/328\/revisions"}],"predecessor-version":[{"id":678,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/posts\/328\/revisions\/678"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/media\/616"}],"wp:attachment":[{"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/media?parent=328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/categories?post=328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/tags?post=328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}