<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:googleplay="http://www.google.com/schemas/play-podcasts/1.0"><channel><title><![CDATA[World Designer Notebook]]></title><description><![CDATA[This is somewhat of an experiment in documenting my thoughts on the processes, problems and explorations of world design in videogames]]></description><link>https://worlddesignernotebook.substack.com</link><image><url>https://substackcdn.com/image/fetch/$s_!Mcmb!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9ecc8a52-9abb-480d-8a13-2384a1c77161_800x800.png</url><title>World Designer Notebook</title><link>https://worlddesignernotebook.substack.com</link></image><generator>Substack</generator><lastBuildDate>Wed, 22 Jul 2026 19:35:25 GMT</lastBuildDate><atom:link href="https://worlddesignernotebook.substack.com/feed" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><webMaster><![CDATA[worlddesignernotebook@substack.com]]></webMaster><itunes:owner><itunes:email><![CDATA[worlddesignernotebook@substack.com]]></itunes:email><itunes:name><![CDATA[World Designer Notebook]]></itunes:name></itunes:owner><itunes:author><![CDATA[World Designer Notebook]]></itunes:author><googleplay:owner><![CDATA[worlddesignernotebook@substack.com]]></googleplay:owner><googleplay:email><![CDATA[worlddesignernotebook@substack.com]]></googleplay:email><googleplay:author><![CDATA[World Designer Notebook]]></googleplay:author><itunes:block><![CDATA[Yes]]></itunes:block><item><title><![CDATA[Strips, Stripes and Supergraphics]]></title><description><![CDATA[The surface of your world matters]]></description><link>https://worlddesignernotebook.substack.com/p/strips-stripes-and-supergraphics</link><guid isPermaLink="false">https://worlddesignernotebook.substack.com/p/strips-stripes-and-supergraphics</guid><dc:creator><![CDATA[World Designer Notebook]]></dc:creator><pubDate>Tue, 16 Jun 2026 20:31:26 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!Rzor!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F46116620-572a-4a36-8f11-eebaba38c903_926x428.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p></p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Rzor!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F46116620-572a-4a36-8f11-eebaba38c903_926x428.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Rzor!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F46116620-572a-4a36-8f11-eebaba38c903_926x428.png 424w, https://substackcdn.com/image/fetch/$s_!Rzor!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F46116620-572a-4a36-8f11-eebaba38c903_926x428.png 848w, https://substackcdn.com/image/fetch/$s_!Rzor!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F46116620-572a-4a36-8f11-eebaba38c903_926x428.png 1272w, https://substackcdn.com/image/fetch/$s_!Rzor!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F46116620-572a-4a36-8f11-eebaba38c903_926x428.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Rzor!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F46116620-572a-4a36-8f11-eebaba38c903_926x428.png" width="926" height="428" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/46116620-572a-4a36-8f11-eebaba38c903_926x428.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:428,&quot;width&quot;:926,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Rzor!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F46116620-572a-4a36-8f11-eebaba38c903_926x428.png 424w, https://substackcdn.com/image/fetch/$s_!Rzor!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F46116620-572a-4a36-8f11-eebaba38c903_926x428.png 848w, https://substackcdn.com/image/fetch/$s_!Rzor!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F46116620-572a-4a36-8f11-eebaba38c903_926x428.png 1272w, https://substackcdn.com/image/fetch/$s_!Rzor!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F46116620-572a-4a36-8f11-eebaba38c903_926x428.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>Supergraphics are a design approach which some game worlds make great use of as an additional layer that bridges architectural and graphic design in the world, giving a strong visual identity to the world and creating striking visuals. </p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://worlddesignernotebook.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Thanks for reading! Subscribe for free to receive new posts and support my work.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p>More than simple decoration, they can be treated as a channel to support wayfinding and navigation, communicate the story of the world, reflect its factions and cultures, express layers of change in the world, and even fundamentally affect the spatial perception of its architecture.</p><h2>A Supergraphic origin story</h2><p>Supergraphics as an art style has its origins alongside the genesis of post-modernism with Supermannerism in architecture in the 1960s with early collaboration and experimentation between architects and designers.</p><p>Scale is the one common feature people will identify with supergraphics, as well as commonly used bold coloring, use of typography and/or geometric forms. Another defining aspect can be their application across surfaces and challenging the spatial perception of an architectural space. Their function ranged from wayfinding, to visual branding and to purely decorative elements.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!QO25!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4ad37122-7398-4834-a5f8-e39191dd1787_1400x426.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!QO25!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4ad37122-7398-4834-a5f8-e39191dd1787_1400x426.png 424w, https://substackcdn.com/image/fetch/$s_!QO25!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4ad37122-7398-4834-a5f8-e39191dd1787_1400x426.png 848w, https://substackcdn.com/image/fetch/$s_!QO25!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4ad37122-7398-4834-a5f8-e39191dd1787_1400x426.png 1272w, https://substackcdn.com/image/fetch/$s_!QO25!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4ad37122-7398-4834-a5f8-e39191dd1787_1400x426.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!QO25!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4ad37122-7398-4834-a5f8-e39191dd1787_1400x426.png" width="1400" height="426" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/4ad37122-7398-4834-a5f8-e39191dd1787_1400x426.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:426,&quot;width&quot;:1400,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!QO25!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4ad37122-7398-4834-a5f8-e39191dd1787_1400x426.png 424w, https://substackcdn.com/image/fetch/$s_!QO25!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4ad37122-7398-4834-a5f8-e39191dd1787_1400x426.png 848w, https://substackcdn.com/image/fetch/$s_!QO25!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4ad37122-7398-4834-a5f8-e39191dd1787_1400x426.png 1272w, https://substackcdn.com/image/fetch/$s_!QO25!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4ad37122-7398-4834-a5f8-e39191dd1787_1400x426.png 1456w" sizes="100vw"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><em>Sea Ranch, California, USA, 1968 Designer Barbara Stauffacher Solomon<br>Barbara Stauffacher Solomon is largely regarded as a pioneer in the Supergraphics movement, especially for her early work on the Sea Ranch development in 1968</em></p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!d9f4!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0650ed62-4d41-419a-bd8e-8612c301065b_1195x426.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!d9f4!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0650ed62-4d41-419a-bd8e-8612c301065b_1195x426.png 424w, https://substackcdn.com/image/fetch/$s_!d9f4!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0650ed62-4d41-419a-bd8e-8612c301065b_1195x426.png 848w, https://substackcdn.com/image/fetch/$s_!d9f4!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0650ed62-4d41-419a-bd8e-8612c301065b_1195x426.png 1272w, https://substackcdn.com/image/fetch/$s_!d9f4!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0650ed62-4d41-419a-bd8e-8612c301065b_1195x426.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!d9f4!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0650ed62-4d41-419a-bd8e-8612c301065b_1195x426.png" width="1195" height="426" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/0650ed62-4d41-419a-bd8e-8612c301065b_1195x426.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:426,&quot;width&quot;:1195,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!d9f4!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0650ed62-4d41-419a-bd8e-8612c301065b_1195x426.png 424w, https://substackcdn.com/image/fetch/$s_!d9f4!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0650ed62-4d41-419a-bd8e-8612c301065b_1195x426.png 848w, https://substackcdn.com/image/fetch/$s_!d9f4!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0650ed62-4d41-419a-bd8e-8612c301065b_1195x426.png 1272w, https://substackcdn.com/image/fetch/$s_!d9f4!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0650ed62-4d41-419a-bd8e-8612c301065b_1195x426.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><em>Channel 5, WCV-TV Boston branding, 1971 Designer: Lance Wyman<br>Lance Wyman is a legendary logo and brand designer, I&#8217;d recommend visiting his site </em></p><p>https://lancewyman.com/</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!1lqL!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F789a5eb5-f8ac-4a10-ae7a-625def41dd71_1400x426.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!1lqL!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F789a5eb5-f8ac-4a10-ae7a-625def41dd71_1400x426.png 424w, https://substackcdn.com/image/fetch/$s_!1lqL!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F789a5eb5-f8ac-4a10-ae7a-625def41dd71_1400x426.png 848w, https://substackcdn.com/image/fetch/$s_!1lqL!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F789a5eb5-f8ac-4a10-ae7a-625def41dd71_1400x426.png 1272w, https://substackcdn.com/image/fetch/$s_!1lqL!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F789a5eb5-f8ac-4a10-ae7a-625def41dd71_1400x426.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!1lqL!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F789a5eb5-f8ac-4a10-ae7a-625def41dd71_1400x426.png" width="1400" height="426" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/789a5eb5-f8ac-4a10-ae7a-625def41dd71_1400x426.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:426,&quot;width&quot;:1400,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!1lqL!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F789a5eb5-f8ac-4a10-ae7a-625def41dd71_1400x426.png 424w, https://substackcdn.com/image/fetch/$s_!1lqL!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F789a5eb5-f8ac-4a10-ae7a-625def41dd71_1400x426.png 848w, https://substackcdn.com/image/fetch/$s_!1lqL!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F789a5eb5-f8ac-4a10-ae7a-625def41dd71_1400x426.png 1272w, https://substackcdn.com/image/fetch/$s_!1lqL!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F789a5eb5-f8ac-4a10-ae7a-625def41dd71_1400x426.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><em>Left: Boatyard, Port Barcares Right: Aubervilliers, Paris suburbs, 1972</em></p><p><em>Jean Philippe Lenclos has some beautiful examples of supergraphics design from its peak in the late 1960s to 1970s especially, with use of colorful geometric designs and large-scale applied typography. Source: <a href="https://www.jeanphilippelenclos.com/fr/supergraphisme">https://www.jeanphilippelenclos.com/fr/supergraphisme</a></em></p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!6ZVT!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94985266-7099-4b2c-9dfe-b59e4f2b08cf_1014x426.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!6ZVT!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94985266-7099-4b2c-9dfe-b59e4f2b08cf_1014x426.png 424w, https://substackcdn.com/image/fetch/$s_!6ZVT!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94985266-7099-4b2c-9dfe-b59e4f2b08cf_1014x426.png 848w, https://substackcdn.com/image/fetch/$s_!6ZVT!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94985266-7099-4b2c-9dfe-b59e4f2b08cf_1014x426.png 1272w, https://substackcdn.com/image/fetch/$s_!6ZVT!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94985266-7099-4b2c-9dfe-b59e4f2b08cf_1014x426.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!6ZVT!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94985266-7099-4b2c-9dfe-b59e4f2b08cf_1014x426.png" width="1014" height="426" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/94985266-7099-4b2c-9dfe-b59e4f2b08cf_1014x426.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:426,&quot;width&quot;:1014,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!6ZVT!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94985266-7099-4b2c-9dfe-b59e4f2b08cf_1014x426.png 424w, https://substackcdn.com/image/fetch/$s_!6ZVT!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94985266-7099-4b2c-9dfe-b59e4f2b08cf_1014x426.png 848w, https://substackcdn.com/image/fetch/$s_!6ZVT!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94985266-7099-4b2c-9dfe-b59e4f2b08cf_1014x426.png 1272w, https://substackcdn.com/image/fetch/$s_!6ZVT!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94985266-7099-4b2c-9dfe-b59e4f2b08cf_1014x426.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><em>The Kentish Town Health Centre ( 2009, architect: Allford Hall Monaghan Morris ) had a collaboration in its design with Morag Myerscough, a celebrated designer of supergraphics. Here you can see an example of the surface-crossing application. ( source: Architects Journal )</em></p><p>Challenging spatial perception, or spatial transformation, is an aspect of the style that sets it apart from simple graphic design and signage. Supergraphics are not necessarily bound by the architectural planes they sit on, flowing over multiple surfaces and transforming how a space is read or experienced.<br></p><p>From its peak in the 1970s Supergraphics started to decline in popularity. However it did have a resurgence in the 2010s, appearing in interiors and on the surfaces of some buildings. This time makes me think of the giant typography, floor numbers and interior wall graphics of the time, particularly reminding me of corporate or startup offices for some reason, but examples can be found in public buildings also.</p><h2>Supergraphics in Videogames</h2><h3>Sci-fi Supergraphics</h3><p>Supergraphics in videogames are quite frequently seen in scifi settings, with echoes of 1970s sci-fi art in the application of logos and patterning that spans across world entities and environments. The scale and surfacing of scifi seems to particularly suit this treatment.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!E-sv!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0cc9dbda-43b2-4c86-b89f-c4c6fb5dbebe_700x426.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!E-sv!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0cc9dbda-43b2-4c86-b89f-c4c6fb5dbebe_700x426.png 424w, https://substackcdn.com/image/fetch/$s_!E-sv!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0cc9dbda-43b2-4c86-b89f-c4c6fb5dbebe_700x426.png 848w, https://substackcdn.com/image/fetch/$s_!E-sv!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0cc9dbda-43b2-4c86-b89f-c4c6fb5dbebe_700x426.png 1272w, https://substackcdn.com/image/fetch/$s_!E-sv!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0cc9dbda-43b2-4c86-b89f-c4c6fb5dbebe_700x426.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!E-sv!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0cc9dbda-43b2-4c86-b89f-c4c6fb5dbebe_700x426.png" width="700" height="426" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/0cc9dbda-43b2-4c86-b89f-c4c6fb5dbebe_700x426.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:426,&quot;width&quot;:700,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!E-sv!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0cc9dbda-43b2-4c86-b89f-c4c6fb5dbebe_700x426.png 424w, https://substackcdn.com/image/fetch/$s_!E-sv!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0cc9dbda-43b2-4c86-b89f-c4c6fb5dbebe_700x426.png 848w, https://substackcdn.com/image/fetch/$s_!E-sv!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0cc9dbda-43b2-4c86-b89f-c4c6fb5dbebe_700x426.png 1272w, https://substackcdn.com/image/fetch/$s_!E-sv!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0cc9dbda-43b2-4c86-b89f-c4c6fb5dbebe_700x426.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><em>Chris Foss Guild Tug concept for Jodorowsky&#8217;s doomed Dune movie c.1975 (source: <a href="http://chrissfossart.com">chrissfossart.com</a> )</em></p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!nAJH!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdd04c941-e3e2-4813-8370-30e5b81918df_1294x426.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!nAJH!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdd04c941-e3e2-4813-8370-30e5b81918df_1294x426.png 424w, https://substackcdn.com/image/fetch/$s_!nAJH!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdd04c941-e3e2-4813-8370-30e5b81918df_1294x426.png 848w, https://substackcdn.com/image/fetch/$s_!nAJH!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdd04c941-e3e2-4813-8370-30e5b81918df_1294x426.png 1272w, https://substackcdn.com/image/fetch/$s_!nAJH!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdd04c941-e3e2-4813-8370-30e5b81918df_1294x426.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!nAJH!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdd04c941-e3e2-4813-8370-30e5b81918df_1294x426.png" width="1294" height="426" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/dd04c941-e3e2-4813-8370-30e5b81918df_1294x426.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:426,&quot;width&quot;:1294,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!nAJH!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdd04c941-e3e2-4813-8370-30e5b81918df_1294x426.png 424w, https://substackcdn.com/image/fetch/$s_!nAJH!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdd04c941-e3e2-4813-8370-30e5b81918df_1294x426.png 848w, https://substackcdn.com/image/fetch/$s_!nAJH!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdd04c941-e3e2-4813-8370-30e5b81918df_1294x426.png 1272w, https://substackcdn.com/image/fetch/$s_!nAJH!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdd04c941-e3e2-4813-8370-30e5b81918df_1294x426.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><em>Homeworld ( 1999, Relic Entertainment ) concept art , artist: Rob Cunningham</em></p><p><em>Of course Homeworld is the most famous and direct reference to Chris Foss&#8217; look that comes to mind, adopting similar large-scale faction branding and graphic banding and block colorization.</em></p><p>Scale and branding are usually a large part of the properties of supergraphics in this context, they span across surfaces and are not contained as functional graphics and signage may be. Here the branding of a location can range from purely aesthetic, to cultural or territorial ownership reinforcing narrative or supporting gameplay zoning. You can see examples of this in game worlds such as Destiny or Arc Raiders.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Tsum!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa9369019-82cb-40ce-8451-7f4d0ca9e953_1342x426.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Tsum!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa9369019-82cb-40ce-8451-7f4d0ca9e953_1342x426.png 424w, https://substackcdn.com/image/fetch/$s_!Tsum!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa9369019-82cb-40ce-8451-7f4d0ca9e953_1342x426.png 848w, https://substackcdn.com/image/fetch/$s_!Tsum!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa9369019-82cb-40ce-8451-7f4d0ca9e953_1342x426.png 1272w, https://substackcdn.com/image/fetch/$s_!Tsum!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa9369019-82cb-40ce-8451-7f4d0ca9e953_1342x426.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Tsum!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa9369019-82cb-40ce-8451-7f4d0ca9e953_1342x426.png" width="1342" height="426" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/a9369019-82cb-40ce-8451-7f4d0ca9e953_1342x426.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:426,&quot;width&quot;:1342,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Tsum!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa9369019-82cb-40ce-8451-7f4d0ca9e953_1342x426.png 424w, https://substackcdn.com/image/fetch/$s_!Tsum!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa9369019-82cb-40ce-8451-7f4d0ca9e953_1342x426.png 848w, https://substackcdn.com/image/fetch/$s_!Tsum!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa9369019-82cb-40ce-8451-7f4d0ca9e953_1342x426.png 1272w, https://substackcdn.com/image/fetch/$s_!Tsum!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa9369019-82cb-40ce-8451-7f4d0ca9e953_1342x426.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><em>Marathon, Bungie, 2026<br>Marathon of course is a more recent example, and perhaps the heaviest use of graphics applied to the surfaces of a world&#8217;s architecture I&#8217;ve seen. Not only is there a large amount of brand and graphic design elements, but distinct parts of the architecture are heavily colorized, reminding me of the industrial architecture work of Jean-Philippe Lenclos ( below ).</em></p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!VSdZ!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab907c3a-7902-4610-be47-d393d8d91649_1278x426.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!VSdZ!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab907c3a-7902-4610-be47-d393d8d91649_1278x426.png 424w, https://substackcdn.com/image/fetch/$s_!VSdZ!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab907c3a-7902-4610-be47-d393d8d91649_1278x426.png 848w, https://substackcdn.com/image/fetch/$s_!VSdZ!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab907c3a-7902-4610-be47-d393d8d91649_1278x426.png 1272w, https://substackcdn.com/image/fetch/$s_!VSdZ!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab907c3a-7902-4610-be47-d393d8d91649_1278x426.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!VSdZ!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab907c3a-7902-4610-be47-d393d8d91649_1278x426.png" width="1278" height="426" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/ab907c3a-7902-4610-be47-d393d8d91649_1278x426.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:426,&quot;width&quot;:1278,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!VSdZ!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab907c3a-7902-4610-be47-d393d8d91649_1278x426.png 424w, https://substackcdn.com/image/fetch/$s_!VSdZ!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab907c3a-7902-4610-be47-d393d8d91649_1278x426.png 848w, https://substackcdn.com/image/fetch/$s_!VSdZ!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab907c3a-7902-4610-be47-d393d8d91649_1278x426.png 1272w, https://substackcdn.com/image/fetch/$s_!VSdZ!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab907c3a-7902-4610-be47-d393d8d91649_1278x426.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><em>Aci&#233;ries Solmer &#224; Fos-sur-Mer, 1975-77, Designer: Jean-Philippe Lenclos. Source: https://www.jeanphilippelenclos.com/fr/atelier-3d-couleur</em></p><p>Interestingly you tend to see this form of graphic design in game worlds applied more than true functional signage used as diegetic navigation for players.</p><p>Usually players have a UI for that: mini-maps, hud elements and markers that sit on an information layer between the player and the world. It&#8217;s understandable though, as applying signage within a world can be a challenging undertaking, both logistically and consuming texture memory. UI is often seen as an easier ROI for navigation needs of players.</p><h3>Functional Diegetic Navigation</h3><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!MNnj!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2a9d864e-a2de-4a42-91df-788f868ac36b_1126x426.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!MNnj!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2a9d864e-a2de-4a42-91df-788f868ac36b_1126x426.png 424w, https://substackcdn.com/image/fetch/$s_!MNnj!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2a9d864e-a2de-4a42-91df-788f868ac36b_1126x426.png 848w, https://substackcdn.com/image/fetch/$s_!MNnj!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2a9d864e-a2de-4a42-91df-788f868ac36b_1126x426.png 1272w, https://substackcdn.com/image/fetch/$s_!MNnj!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2a9d864e-a2de-4a42-91df-788f868ac36b_1126x426.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!MNnj!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2a9d864e-a2de-4a42-91df-788f868ac36b_1126x426.png" width="1126" height="426" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/2a9d864e-a2de-4a42-91df-788f868ac36b_1126x426.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:426,&quot;width&quot;:1126,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!MNnj!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2a9d864e-a2de-4a42-91df-788f868ac36b_1126x426.png 424w, https://substackcdn.com/image/fetch/$s_!MNnj!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2a9d864e-a2de-4a42-91df-788f868ac36b_1126x426.png 848w, https://substackcdn.com/image/fetch/$s_!MNnj!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2a9d864e-a2de-4a42-91df-788f868ac36b_1126x426.png 1272w, https://substackcdn.com/image/fetch/$s_!MNnj!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2a9d864e-a2de-4a42-91df-788f868ac36b_1126x426.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><em>Control, Remedy Entertainment, 2019. Source: <a href="https://nerdwithglasses.com/2021/02/09/screenshots-control/">https://nerdwithglasses.com/2021/02/09/screenshots-control/</a></em></p><p>Sometimes you can see the application of true signage within a world: in Control signage was functional, but also had more value than purely navigation as it helped not only the immersion and wayfinding for the player in a semi-open metroidvania environment, but acted as another expression of the bureaucratic culture within it where everything has to have a label.</p><h3>Layering and Cultural Imprint</h3><p>I think possibly my favourite videogame example of the application of supergraphics can be seen in Deathloop. Arkane are masters at worldcrafting: Dishonored and Prey are wonderfully crafted worlds with a strong design ethos carrying through buildings and level architecture through to individual props. With Deathloop they tell a more layered story of repurposing and ownership of spaces within the world.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Mh3v!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe943a32b-1ec9-4861-9c85-09d97623d8ad_1176x426.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Mh3v!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe943a32b-1ec9-4861-9c85-09d97623d8ad_1176x426.png 424w, https://substackcdn.com/image/fetch/$s_!Mh3v!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe943a32b-1ec9-4861-9c85-09d97623d8ad_1176x426.png 848w, https://substackcdn.com/image/fetch/$s_!Mh3v!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe943a32b-1ec9-4861-9c85-09d97623d8ad_1176x426.png 1272w, https://substackcdn.com/image/fetch/$s_!Mh3v!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe943a32b-1ec9-4861-9c85-09d97623d8ad_1176x426.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Mh3v!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe943a32b-1ec9-4861-9c85-09d97623d8ad_1176x426.png" width="1176" height="426" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/e943a32b-1ec9-4861-9c85-09d97623d8ad_1176x426.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:426,&quot;width&quot;:1176,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Mh3v!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe943a32b-1ec9-4861-9c85-09d97623d8ad_1176x426.png 424w, https://substackcdn.com/image/fetch/$s_!Mh3v!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe943a32b-1ec9-4861-9c85-09d97623d8ad_1176x426.png 848w, https://substackcdn.com/image/fetch/$s_!Mh3v!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe943a32b-1ec9-4861-9c85-09d97623d8ad_1176x426.png 1272w, https://substackcdn.com/image/fetch/$s_!Mh3v!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe943a32b-1ec9-4861-9c85-09d97623d8ad_1176x426.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><em>Deathloop concept art, 2021, Arkane Studios</em></p><p>The bright hedonistic vibe from its new culture&#8217;s occupation through strong geometric forms and bold use of typography in striking colors contrasts vividly with this older more muted architecture of the world before the game&#8217;s events. It expresses faction ownership and expression, while telling the story of change and layering of history. The graphics themselves echo the look of supergraphics of the 1960s and 1970s and contributes toward the unique look for the title and its world design.</p><h3>Challenging perception</h3><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!V0YB!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17688b01-4664-407f-be4d-3a36dee401c8_958x426.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!V0YB!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17688b01-4664-407f-be4d-3a36dee401c8_958x426.png 424w, https://substackcdn.com/image/fetch/$s_!V0YB!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17688b01-4664-407f-be4d-3a36dee401c8_958x426.png 848w, https://substackcdn.com/image/fetch/$s_!V0YB!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17688b01-4664-407f-be4d-3a36dee401c8_958x426.png 1272w, https://substackcdn.com/image/fetch/$s_!V0YB!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17688b01-4664-407f-be4d-3a36dee401c8_958x426.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!V0YB!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17688b01-4664-407f-be4d-3a36dee401c8_958x426.png" width="958" height="426" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/17688b01-4664-407f-be4d-3a36dee401c8_958x426.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:426,&quot;width&quot;:958,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!V0YB!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17688b01-4664-407f-be4d-3a36dee401c8_958x426.png 424w, https://substackcdn.com/image/fetch/$s_!V0YB!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17688b01-4664-407f-be4d-3a36dee401c8_958x426.png 848w, https://substackcdn.com/image/fetch/$s_!V0YB!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17688b01-4664-407f-be4d-3a36dee401c8_958x426.png 1272w, https://substackcdn.com/image/fetch/$s_!V0YB!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17688b01-4664-407f-be4d-3a36dee401c8_958x426.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><em>SFMoMA, Strips of Stripes ( installation view ), 2023. Designer: Barbara Stauffacher Solomon, Photo: Don Ross</em></p><p><em>Here is a good example of Supergraphics&#8217; ability to alter and challenge the perception of space. The geometric patterns deconstruct and reform surfaces to the viewer&#8217;s eye.</em></p><p>This is an aspect of the real-world Supergraphics that I haven&#8217;t experienced much in videogames compared to the more cosmetic patterning and branding at scale. It leans heavily into their ability to flow over differing surfaces, making new spatial connections and rewarding specific viewer positions, movement through space or sightlines.</p><p>Interestingly, it is something that reminds me of experimental dazzle camouflage from navy ships during WW1, where large geometric color blocks were used to disassemble and distort the silhouette of a ship at sea. I haven&#8217;t found any direct reference to influence in supergraphic design, but the aesthetic similarities are there.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!75mS!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e8ca022-e826-4d77-9539-dc0962a47580_1326x426.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!75mS!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e8ca022-e826-4d77-9539-dc0962a47580_1326x426.png 424w, https://substackcdn.com/image/fetch/$s_!75mS!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e8ca022-e826-4d77-9539-dc0962a47580_1326x426.png 848w, https://substackcdn.com/image/fetch/$s_!75mS!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e8ca022-e826-4d77-9539-dc0962a47580_1326x426.png 1272w, https://substackcdn.com/image/fetch/$s_!75mS!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e8ca022-e826-4d77-9539-dc0962a47580_1326x426.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!75mS!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e8ca022-e826-4d77-9539-dc0962a47580_1326x426.png" width="1326" height="426" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/5e8ca022-e826-4d77-9539-dc0962a47580_1326x426.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:426,&quot;width&quot;:1326,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!75mS!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e8ca022-e826-4d77-9539-dc0962a47580_1326x426.png 424w, https://substackcdn.com/image/fetch/$s_!75mS!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e8ca022-e826-4d77-9539-dc0962a47580_1326x426.png 848w, https://substackcdn.com/image/fetch/$s_!75mS!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e8ca022-e826-4d77-9539-dc0962a47580_1326x426.png 1272w, https://substackcdn.com/image/fetch/$s_!75mS!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e8ca022-e826-4d77-9539-dc0962a47580_1326x426.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><em>Left: USS West Mahomet c.1918, Right: HMS Argus c.1918 ( source: Wikipedia )</em></p><p>Much like the dazzle camouflage similarity, the ability for larger graphics to alter the perception of space and form is perhaps a problem for videogames, and something that could be very case specific. I think there are two main reasons for this:</p><p>One - So much work goes into conveying a sense of readability and realism in game worlds to support immersion that to challenge and contradict that work could be seen as largely counterproductive. Disorientating players can be deceptively easy, and often something you have to iterate on level design specifically to avoid.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Pbrt!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0b917afb-3bd7-46c7-a781-fb017334c03e_1034x426.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Pbrt!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0b917afb-3bd7-46c7-a781-fb017334c03e_1034x426.png 424w, https://substackcdn.com/image/fetch/$s_!Pbrt!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0b917afb-3bd7-46c7-a781-fb017334c03e_1034x426.png 848w, https://substackcdn.com/image/fetch/$s_!Pbrt!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0b917afb-3bd7-46c7-a781-fb017334c03e_1034x426.png 1272w, https://substackcdn.com/image/fetch/$s_!Pbrt!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0b917afb-3bd7-46c7-a781-fb017334c03e_1034x426.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Pbrt!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0b917afb-3bd7-46c7-a781-fb017334c03e_1034x426.png" width="1034" height="426" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/0b917afb-3bd7-46c7-a781-fb017334c03e_1034x426.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:426,&quot;width&quot;:1034,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Pbrt!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0b917afb-3bd7-46c7-a781-fb017334c03e_1034x426.png 424w, https://substackcdn.com/image/fetch/$s_!Pbrt!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0b917afb-3bd7-46c7-a781-fb017334c03e_1034x426.png 848w, https://substackcdn.com/image/fetch/$s_!Pbrt!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0b917afb-3bd7-46c7-a781-fb017334c03e_1034x426.png 1272w, https://substackcdn.com/image/fetch/$s_!Pbrt!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0b917afb-3bd7-46c7-a781-fb017334c03e_1034x426.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><em>Superliminal, PillowCastle, 2019. Still images don&#8217;t do the game justice though, you really need to see it moving to communicate the spatial experience it gives.</em></p><p>Two - In videogames we just have much more potentially effective ways of challenging perception. We are creating a virtual space, so the very substance of the world is pliable and can be altered in more fundamental ways. A good example of this would be Superliminal, which challenges the viewer&#8217;s perception of space in a more fundamental way.</p><p>That said with considered application in the right world design I could see its use in altering spatial experience or visual impact being very effective. It&#8217;s something I would be interested in seeing as a visual experiment more, there is untapped potential here, and it could be used to add depth of design to a world&#8217;s architecture.</p><p>In summary, there is potential for supergraphics as part of the world designer&#8217;s toolkit. Given the right setting or world story there is potential gain for considering their use, namely:</p><ul><li><p>Visual interest, more layered world architecture</p></li><li><p>Cultural imprint and world narrative expression.</p></li><li><p>Visual change between similar or identical structures or materials.</p></li></ul><p>There are however technical and design challenges to be aware of in their use that constrains its wider use:</p><ul><li><p>Logistics ( Inflexibility of space ). A need for level design change and iteration often leads to more modular solutions. Large supergraphics applied to a surface can essentially lock it in place and as such it becomes something more for the latter stages of world production.</p></li><li><p>Technical ( Texture memory ). Projecting additional layers onto the surface of a game world and at scale the texel density requirements for large graphics can be a concern.</p></li></ul><p>While these limitations remain, they can be overcome: Marathon is perhaps a more extreme example of this, whether you love or hate its vivid colors and bold graphics. The usage of supergraphics still remains largely untapped for videogames and their ability to shape spatial experiences.</p><p>Architectural projection has introduced motion graphics mapped to architectural surfaces. Could something similar act as a bridge between the UI information layer and the architectural surface of the world, bringing motion and change with it? For example I remember 2010&#8217;s Tom Clancy&#8217;s Splinter Cell Conviction using projected typography in-world to inform the player, there is potential to do so much more now.</p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://worlddesignernotebook.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Thanks for reading! Subscribe for free to receive new posts and support my work.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Just passing through]]></title><description><![CDATA[Videogame Hub design vs Airport Terminal design]]></description><link>https://worlddesignernotebook.substack.com/p/just-passing-through</link><guid isPermaLink="false">https://worlddesignernotebook.substack.com/p/just-passing-through</guid><dc:creator><![CDATA[World Designer Notebook]]></dc:creator><pubDate>Sun, 10 May 2026 14:35:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!Rf3a!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fde693f75-6276-46fd-a346-ca43d43cc965_1594x692.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Rf3a!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fde693f75-6276-46fd-a346-ca43d43cc965_1594x692.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Rf3a!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fde693f75-6276-46fd-a346-ca43d43cc965_1594x692.png 424w, https://substackcdn.com/image/fetch/$s_!Rf3a!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fde693f75-6276-46fd-a346-ca43d43cc965_1594x692.png 848w, https://substackcdn.com/image/fetch/$s_!Rf3a!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fde693f75-6276-46fd-a346-ca43d43cc965_1594x692.png 1272w, https://substackcdn.com/image/fetch/$s_!Rf3a!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fde693f75-6276-46fd-a346-ca43d43cc965_1594x692.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Rf3a!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fde693f75-6276-46fd-a346-ca43d43cc965_1594x692.png" width="1456" height="632" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/de693f75-6276-46fd-a346-ca43d43cc965_1594x692.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:632,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:1002666,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://worlddesignernotebook.substack.com/i/197108049?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fde693f75-6276-46fd-a346-ca43d43cc965_1594x692.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Rf3a!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fde693f75-6276-46fd-a346-ca43d43cc965_1594x692.png 424w, https://substackcdn.com/image/fetch/$s_!Rf3a!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fde693f75-6276-46fd-a346-ca43d43cc965_1594x692.png 848w, https://substackcdn.com/image/fetch/$s_!Rf3a!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fde693f75-6276-46fd-a346-ca43d43cc965_1594x692.png 1272w, https://substackcdn.com/image/fetch/$s_!Rf3a!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fde693f75-6276-46fd-a346-ca43d43cc965_1594x692.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">Control Executive Sector Hub ( &#169;Remedy Entertainment Plc ) Artist: Anne-Lynn Sottas ( source: ArtStation )</figcaption></figure></div><p>I travel a little with my work, and find myself sitting in airport terminals quite often. One thing that I found myself noticing was the parallels between in-game player hubs and the design of the terminals.  I love designing hubs as they&#8217;re a true challenge of balancing experience with efficiency in use to create something that can be navigated intuitively and bear repeated visits throughout the game&#8217;s playtime.</p><p>Both game hubs and airport terminals are places designed to efficiently address a range of needs while people pass through their spaces. If you think of the flights and gates as quests or equivalents from a game space the comparison becomes clearer when you think of people moving between these. This led me to see what experience design thoughts and research for terminals may be useful to improve approaches to hub design layout and architecture.</p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://worlddesignernotebook.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Thanks for reading! Subscribe for free to receive new posts and support my work.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p>I started digging a little deeper and reading further into research papers and findings on terminal design and experience design and discovered something.</p><p>A research paper from 2015 entitled &#8216;A new model for airport passenger segmentation&#8217; ( Harrison, Anna, Popovic, Vesna, &amp; Kraal, Ben J.) discussed a study carried out at Copenhagen Airport that categorized users into four groups.</p><p>What surprised me was the startling similarity of this &#8216;Copenhagen Taxonomy&#8217; to Bartle&#8217;s Taxonomy of player types.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!ueqw!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F89100240-9775-4a0b-a29f-46d740d39686_1400x788.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!ueqw!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F89100240-9775-4a0b-a29f-46d740d39686_1400x788.jpeg 424w, https://substackcdn.com/image/fetch/$s_!ueqw!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F89100240-9775-4a0b-a29f-46d740d39686_1400x788.jpeg 848w, https://substackcdn.com/image/fetch/$s_!ueqw!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F89100240-9775-4a0b-a29f-46d740d39686_1400x788.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!ueqw!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F89100240-9775-4a0b-a29f-46d740d39686_1400x788.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!ueqw!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F89100240-9775-4a0b-a29f-46d740d39686_1400x788.jpeg" width="1400" height="788" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/89100240-9775-4a0b-a29f-46d740d39686_1400x788.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:788,&quot;width&quot;:1400,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!ueqw!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F89100240-9775-4a0b-a29f-46d740d39686_1400x788.jpeg 424w, https://substackcdn.com/image/fetch/$s_!ueqw!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F89100240-9775-4a0b-a29f-46d740d39686_1400x788.jpeg 848w, https://substackcdn.com/image/fetch/$s_!ueqw!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F89100240-9775-4a0b-a29f-46d740d39686_1400x788.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!ueqw!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F89100240-9775-4a0b-a29f-46d740d39686_1400x788.jpeg 1456w" sizes="100vw"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>Bartle&#8217;s Taxonomy is perhaps one of the simpler and well known breakdowns of game player types and their preferences ( there are other models employed by larger publishers and game devs too ).</p><p>If you haven&#8217;t seen this player segmentation before, it&#8217;s worth watching the GDC2017 talk covering the design of Prague city hub in Deus Ex: Mankind Divided by Sylvain Douce as it&#8217;s a good example of how this form of player type profiling can be applied to hub design.</p><p>I knew I was perhaps onto something here with possible learnings for architecture and experience design for these places. Perhaps there can be some learnings or similar design principles and approaches to be found.</p><p>Judging by the sheer variety of designs of terminals there seems to be no perfect solution: however some of the more established architectural techniques of creating user profiles ( aka user stories ), spatial groupings, adjacency matrices and flow graphs can be ( and have been ) utilised in level design too.</p><p>Interestingly some of the research on terminal experience design discussed the use of Time, it&#8217;s perceived value and each group&#8217;s sensitivity to it. This was applied as a metric in guiding the categorization of passengers, which does have some parallels in games: players use time and convert it to the much more subjective &#8216;fun&#8217;, or possibly you could say progression ( for example crafting systems where you can clearly perceive that conversion of your time into in-game value). It&#8217;s subjective what is valuable to convert time into of course, but more often than not travel time will not be the most desirable.</p><p>For a hub this becomes especially relevant as some players often want to be as efficient as possible in a hub to return to the core game experience, time becomes a valuable measurement. For other players its relative value can vary and may seek to invest time in the hib space for social engagement ( if in a multiplayer game ) or deeper lore or knowledge of the game world.</p><p>Pure efficiency might satisfy one player type ( Bartle&#8217;s &#8216;Killer&#8217; ), but in our interests of experience design, sometimes the scenic route and a little inefficiency is more important.</p><h2>Mapping user stories</h2><p>The similarities continue when you start to look at the activities and user stories with both spaces. This is a really helpful exercise in building a picture of how your space will be used and what features it will need to contain. For example:</p><h3>the New Arrival</h3><p>process the new arrival, introduce them to the world, orientate them</p><p>game - the first tutorial mission or entry narrative into the gameworld that guides the player to and visually introduces the hub</p><p>airport - the journey from kerbside to flightside ( arrival, check-in desks, handing over your baggage, security )</p><h3>Socializing</h3><p>a place to potentially socialize and waste time...</p><p>game - player lobby ( shooting/testing range, multiplayer social areas, npc interactions )</p><p>airport - passenger lounges, bars or cafes within the terminal space</p><h3>Consuming</h3><p>place to trade, craft, consume</p><p>game - shops, trading space, crafting locations</p><p>airport - shops, restaurants</p><h3>moving from objective to objective</h3><p>game - task completion/hand-in, selecting new task and leaving for next one</p><p>airport - moving between arrival gate to other terminal gate to depart, using departure board(s)</p><p>One technique in testing your hub design is to take these activities and create short user stories ( &#8216;I have completed a mission I need to hand in and find another&#8217;, &#8216;I need to upgrade my equipment and return to an ongoing mission&#8217;,&#8217;I want to review collected lore or further the main story&#8217;,&#8217;I want to hand in these items and upgrade my character&#8217; ) based on what you can do within your game and what services or features your hub contains. Then trace the paths onto your plan of the hub ( once in initial layout or block modelling ), see if the design works as a space for repeated use.</p><p>This builds a theoretical &#8216;heat map&#8217; of routes that you can test your plan with.</p><p>Much like a multiplayer map, it should offer a choice of routes, should be highly permeable space and allow efficiency, intuitive navigation, overviews, vistas and easy mental modelling of the space for navigation.</p><p>This can help highlight long routes, or backtracking that a player story may result in, Loops and flowing paths are always best, so reducing the amount of dead-end points is important.</p><p>What are the symptoms or signs to look out for when the design fails to satisfy these user stories?</p><h3>Desire paths</h3><p>Probably the lesser problem is when players find their own routes and efficiencies within the hub architecture. It&#8217;s effectively the player speed-running your hub. This might not be much of a problem for the game experience, but it is a sign that the intended design has a failure point that should have been picked up through the player story, flow and route planning process. That said you don&#8217;t want to fall foul of the &#8220;you&#8217;re not playing it right&#8221; arrogance of the designer that can happen, if players are engaged and immersed in the design regardless, it&#8217;s a win. Maybe its an affordance that could be embraced rather than bandaided.</p><h3>Fallback to UI</h3><p>A sign your hub is not working is if the player quickly falls back to navigating the UI and menu system ( if the game allows it ) rather than being physically present and using the hub. Of course it may be impossible to avoid most players setting on this eventually. Warframe is a good example where the player hub can quickly get superseded in usage by the more efficient UI menu flow to get the player back into the mission loop. However the longer they feel engaged with the hub the more immersive and compelling your world will be.<br>This is a tricky subject. It could be better to aim to be as frictionless in your hub design as possible and avoid offering a pure-UI approach to the hub loop, aiming to preserve immersion in your world at the cost of a little more efficiency. The scope of playtime of a game may affect this decision though: when your game is hundreds or even thousands of hours of playtime even a little friction can get too much.</p><h2>Spatial blocking similarities</h2><p>There are some layout type similarities between both airport terminal design and game hubs too. It&#8217;s interesting to see how the design efficiency translates between the two.</p><p>There are a few main archetypes that terminal design employs: hub-and-spoke, linear, circular , finger and separate satellite island forms.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!NS1a!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F03c6f54f-19fa-4cf1-bbe6-efe925b613e3_1920x617.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!NS1a!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F03c6f54f-19fa-4cf1-bbe6-efe925b613e3_1920x617.png 424w, https://substackcdn.com/image/fetch/$s_!NS1a!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F03c6f54f-19fa-4cf1-bbe6-efe925b613e3_1920x617.png 848w, https://substackcdn.com/image/fetch/$s_!NS1a!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F03c6f54f-19fa-4cf1-bbe6-efe925b613e3_1920x617.png 1272w, https://substackcdn.com/image/fetch/$s_!NS1a!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F03c6f54f-19fa-4cf1-bbe6-efe925b613e3_1920x617.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!NS1a!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F03c6f54f-19fa-4cf1-bbe6-efe925b613e3_1920x617.png" width="1456" height="468" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/03c6f54f-19fa-4cf1-bbe6-efe925b613e3_1920x617.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:468,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:303747,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://worlddesignernotebook.substack.com/i/197108049?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F03c6f54f-19fa-4cf1-bbe6-efe925b613e3_1920x617.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!NS1a!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F03c6f54f-19fa-4cf1-bbe6-efe925b613e3_1920x617.png 424w, https://substackcdn.com/image/fetch/$s_!NS1a!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F03c6f54f-19fa-4cf1-bbe6-efe925b613e3_1920x617.png 848w, https://substackcdn.com/image/fetch/$s_!NS1a!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F03c6f54f-19fa-4cf1-bbe6-efe925b613e3_1920x617.png 1272w, https://substackcdn.com/image/fetch/$s_!NS1a!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F03c6f54f-19fa-4cf1-bbe6-efe925b613e3_1920x617.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p></p><p><strong>Hub and spoke</strong> has a central terminal with gates arranged radially around. It&#8217;s more efficient for increasing the number of airplanes that can park at gates, but more importantly it makes it efficient for passengers to reach the airplanes. It also creates a circular centralized area that can support more free looping flows.</p><p><strong>Linear</strong> is more of an older original layout, where the numbers of gates are limited. It&#8217;s a narrow terminal design, so to move from kerbside ( main entrance ) to flightside is relatively short, however as you increase the needs for more gates you end up with a long linear form, making travel time for passengers longer.</p><p>The <strong>finger layout</strong> is an evolution of this, with the gates stretching out away from the main terminal building to increase the amount of airplanes that have access. It can lead to a terminal breaking into discernable chunks, each with duplicated facilities or space to fow. It fragments the main body of passengers.</p><p>A <strong>satellite design </strong>is the most efficient for the airplane ( which we care less for when thinking as gates as mission points for a game analogue ). Much less efficient for passengers as they have to travel to the gate buildings that are separated. It also leads to duplication of facilities and a break in the visual continuity from kerbside to flightside, so compromises intuitive navigation also. I wouldn&#8217;t tend to see a lot of comparison or learning in this design as I mention it makes for a poor analogue in games as the focus is on flightside airplane efficiency rather than quality of passenger experience ( our players in a game hub )</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!VrH2!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fca24a197-c135-46ef-9c91-c62a94d67d54_700x394.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!VrH2!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fca24a197-c135-46ef-9c91-c62a94d67d54_700x394.jpeg 424w, https://substackcdn.com/image/fetch/$s_!VrH2!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fca24a197-c135-46ef-9c91-c62a94d67d54_700x394.jpeg 848w, https://substackcdn.com/image/fetch/$s_!VrH2!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fca24a197-c135-46ef-9c91-c62a94d67d54_700x394.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!VrH2!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fca24a197-c135-46ef-9c91-c62a94d67d54_700x394.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!VrH2!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fca24a197-c135-46ef-9c91-c62a94d67d54_700x394.jpeg" width="700" height="394" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/ca24a197-c135-46ef-9c91-c62a94d67d54_700x394.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:394,&quot;width&quot;:700,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!VrH2!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fca24a197-c135-46ef-9c91-c62a94d67d54_700x394.jpeg 424w, https://substackcdn.com/image/fetch/$s_!VrH2!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fca24a197-c135-46ef-9c91-c62a94d67d54_700x394.jpeg 848w, https://substackcdn.com/image/fetch/$s_!VrH2!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fca24a197-c135-46ef-9c91-c62a94d67d54_700x394.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!VrH2!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fca24a197-c135-46ef-9c91-c62a94d67d54_700x394.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>Above you can see ( left to right ):</p><p>1- World of Warcraft&#8217;s Ironforge and Paris Charles de Gaulle with hub-and spoke layout, moving around the promenade of functionality at its periphery.<br>2 - Destiny 2&#8217;s Tower and La Guardia ( finger design )  with three connected island blocks, which can increase travel time between distinct districts or locations.</p><p>3 - Darksouls 3&#8217;s Firelink Shrine and LAX Terminal 3 with a central spine and circular hub.</p><p>Of course there are a multitude of differing design solutions for both game hubs and airport terminals, but it is easy to find examples where even superficially the layout solutions have been remarkably similar.</p><p>For the most part, as player efficiency and a tighter experience is paramount, game hubs will likely copy the hub and spoke or more centralized layouts where functions can be easy to navigate between and support different permutations of user stories.</p><h2>Design Tools</h2><p>When it comes to design principles of the actual space, a few emerge from passenger-centric experience design and architecture that many game level designers would find familiar from their own toolkit of ways to influence and encourage player behaviour.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!9jrA!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5b5d6b95-7eee-41c9-a354-a53db503ec35_1920x617.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!9jrA!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5b5d6b95-7eee-41c9-a354-a53db503ec35_1920x617.png 424w, https://substackcdn.com/image/fetch/$s_!9jrA!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5b5d6b95-7eee-41c9-a354-a53db503ec35_1920x617.png 848w, https://substackcdn.com/image/fetch/$s_!9jrA!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5b5d6b95-7eee-41c9-a354-a53db503ec35_1920x617.png 1272w, https://substackcdn.com/image/fetch/$s_!9jrA!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5b5d6b95-7eee-41c9-a354-a53db503ec35_1920x617.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!9jrA!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5b5d6b95-7eee-41c9-a354-a53db503ec35_1920x617.png" width="1456" height="468" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/5b5d6b95-7eee-41c9-a354-a53db503ec35_1920x617.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:468,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:428780,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://worlddesignernotebook.substack.com/i/197108049?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5b5d6b95-7eee-41c9-a354-a53db503ec35_1920x617.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!9jrA!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5b5d6b95-7eee-41c9-a354-a53db503ec35_1920x617.png 424w, https://substackcdn.com/image/fetch/$s_!9jrA!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5b5d6b95-7eee-41c9-a354-a53db503ec35_1920x617.png 848w, https://substackcdn.com/image/fetch/$s_!9jrA!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5b5d6b95-7eee-41c9-a354-a53db503ec35_1920x617.png 1272w, https://substackcdn.com/image/fetch/$s_!9jrA!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5b5d6b95-7eee-41c9-a354-a53db503ec35_1920x617.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p></p><h3>Visual connection</h3><p>Clear visual connection between areas so player can build a clear mental picture of the space for navigation. Seeing through from arrival and check-in to security and through to the terminal and eventually sightlines to the aircraft and gates</p><h3>Use of light</h3><p>People are drawn to light and pushed out of darker areas. This is used to propel users through security areas and areas where flow is critical to brighter gate hubs and retail areas.</p><h3>Surface patterning</h3><p>Especially in floor surface patterning, but also on walls and ceilings. Adding directionality and expressing flow is a way to encourage movement in users and provide hints on direction and navigation.</p><h3>Use of verticality</h3><p>The movement from kerb-side to flight-side can involve some vertical movement ( planes are entered above ground level by skybridges ). This ascension can be leveraged with the use of dark to light to encourage movement and express direction.</p><p>In addition, the use of compression and release of space can be seen as a use of verticality and volume. People don&#8217;t want to stay in tighter spaces and as in games the rhythm of compression and release of space can be used to encourage movement.</p><p>All these techniques support one key aim: a focus on intuitive navigation over reliance in signage. A lot of information needs to be communicated to users and the more intuitive support a space can provide to navigation and movement the less overburdened graphic design and signage becomes, or in the case of videogames, the use of minimaps, POI markers and golden path markers.</p><h3>Summary</h3><p>Overall it&#8217;s an interesting observation on the similarities with this comparison, but what can we learn?</p><p>I believe the learnings flow both ways. Both games and architectural experience design such as this require careful design to cater for the different user profiles and deliver an optimal experience. <br>It would be easy to say techniques for efficiency of navigation and movement are our main takeaways, but white both require this, its importance to differing user groups makes this only part of the puzzle. While you have the &#8216;power user&#8217; of business travellers or &#8216;killer&#8217; profile gamers, you also have your tourists and explorers. Those user groups require a more stimulating environment to deliver a richer travel experience or in the case of games deepen immersion through immersion in the world and its lore.</p><p>Games succeed more in this aspect of experience design offering memorable and engaging moments within a space, not necessarily in a post-modern, theme park fashion, but in the way they can be more playful with space and spectacle than real-world architecture can.</p><p>Personally I think the act of seeing and analysing these real-world parallels leads to deeper thinking and improvement on building a critical eye for spatial design and expanding that toolkit of approaches and knowledge needed for world design.</p><h3>References</h3><p>Bartle&#8217;s Taxonomy of player types:</p><p><a href="https://en.wikipedia.org/wiki/Bartle_taxonomy_of_player_types">https://en.wikipedia.org/wiki/Bartle_taxonomy_of_player_types</a></p><p>Harrison A, Popovic V, Kraal B (2015)</p><p>A new model for airport passenger segmentation</p><p><em>Journal of Vacation Marketing, June 2015</em></p><p><em>Available at: </em><a href="https://www.researchgate.net/publication/276349137_A_new_model_for_airport_passenger_segmentation">https://www.researchgate.net/publication/276349137_A_new_model_for_airport_passenger_segmentation</a></p><p>Copenhagen Taxonomy source referenced in above paper:</p><p>Tarbuck S (2012) <em>Copenhagen Airport: Meeting our passengers&#8217; expectations for the future, today!</em> Passenger Terminal Conference, Vienna, Austria.</p><p>Unlocking the Passenger Experience through Integrated Airport Design - Grimshaw</p><p><a href="https://grimshaw.global/journal/unlocking-the-passenger-experience-through-integrated-airport-design/">https://grimshaw.global/journal/unlocking-the-passenger-experience-through-integrated-airport-design/</a></p><p>The Secret to Good Airport Design: Aesthetic vs Efficiency | Architectural Digest</p><div id="youtube2-XVK6urfqqsg" class="youtube-wrap" data-attrs="{&quot;videoId&quot;:&quot;XVK6urfqqsg&quot;,&quot;startTime&quot;:null,&quot;endTime&quot;:null}" data-component-name="Youtube2ToDOM"><div class="youtube-inner"><iframe src="https://www.youtube-nocookie.com/embed/XVK6urfqqsg?rel=0&amp;autoplay=0&amp;showinfo=0&amp;enablejsapi=0" frameborder="0" loading="lazy" gesture="media" allow="autoplay; fullscreen" allowautoplay="true" allowfullscreen="true" width="728" height="409"></iframe></div></div><p><a href="https://www.gensler.com/blog/why-airports-must-create-place-of-sense-to-engage-travelers">https://www.gensler.com/blog/why-airports-must-create-place-of-sense-to-engage-travelers</a></p><p><a href="https://community.infiniteflight.com/t/the-psychology-of-airport-design/994051">The Psychology of Airport Design</a></p><p><a href="https://community.infiniteflight.com/t/the-psychology-of-airport-design/994051">https://community.infiniteflight.com/t/the-psychology-of-airport-design/994051</a></p><p>Sylvain Douce</p><p>GDC2017 - A city of thousand choices:Prague city hub in Deus Ex Mankind Divided</p><p><a href="https://www.gdcvault.com/play/1024502/A-City-of-a-Thousand">https://www.gdcvault.com/play/1024502/A-City-of-a-Thousand</a></p><p>Adjacency matrix example:</p><p><a href="https://www.researchgate.net/figure/Adjacency-matrix-of-a-design-studio-from-White-1986-pp-130-144_fig1_307153489">https://www.researchgate.net/figure/Adjacency-matrix-of-a-design-studio-from-White-1986-pp-130-144_fig1_307153489</a></p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://worlddesignernotebook.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Thanks for reading! Subscribe for free to receive new posts and support my work.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[The first step is the hardest to take]]></title><description><![CDATA[Where to start your world design]]></description><link>https://worlddesignernotebook.substack.com/p/the-first-step-is-the-hardest-to</link><guid isPermaLink="false">https://worlddesignernotebook.substack.com/p/the-first-step-is-the-hardest-to</guid><dc:creator><![CDATA[World Designer Notebook]]></dc:creator><pubDate>Wed, 14 Jan 2026 16:39:36 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!eK8X!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F485834f8-13df-41c6-a541-5ec1c6d99003_866x496.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p></p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!O4Px!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa1855c35-c65d-4de1-98f3-ce7d7792f02a_1400x624.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!O4Px!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa1855c35-c65d-4de1-98f3-ce7d7792f02a_1400x624.png 424w, https://substackcdn.com/image/fetch/$s_!O4Px!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa1855c35-c65d-4de1-98f3-ce7d7792f02a_1400x624.png 848w, https://substackcdn.com/image/fetch/$s_!O4Px!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa1855c35-c65d-4de1-98f3-ce7d7792f02a_1400x624.png 1272w, https://substackcdn.com/image/fetch/$s_!O4Px!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa1855c35-c65d-4de1-98f3-ce7d7792f02a_1400x624.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!O4Px!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa1855c35-c65d-4de1-98f3-ce7d7792f02a_1400x624.png" width="1400" height="624" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/a1855c35-c65d-4de1-98f3-ce7d7792f02a_1400x624.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:624,&quot;width&quot;:1400,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:1238348,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://worlddesignernotebook.substack.com/i/184556273?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa1855c35-c65d-4de1-98f3-ce7d7792f02a_1400x624.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!O4Px!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa1855c35-c65d-4de1-98f3-ce7d7792f02a_1400x624.png 424w, https://substackcdn.com/image/fetch/$s_!O4Px!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa1855c35-c65d-4de1-98f3-ce7d7792f02a_1400x624.png 848w, https://substackcdn.com/image/fetch/$s_!O4Px!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa1855c35-c65d-4de1-98f3-ce7d7792f02a_1400x624.png 1272w, https://substackcdn.com/image/fetch/$s_!O4Px!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa1855c35-c65d-4de1-98f3-ce7d7792f02a_1400x624.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>Last time I described what I consider videogame World Design is, and this time I want to cover some of the ways in pre-production you can begin to build that stage for the game to play out on.<br>So if we are building the stage for the performance then where do we start? Well that largely depends on the scale and scope of the game world and the potential for that space needed.</p><p>Following are some of my thoughts and approaches on this subject ( <em>which of course invites the disclaimer of these being my personal notes and not any representation of past or present employers</em> ) </p><p>I&#8217;ve worked on a range of game worlds from large open world to Metroidvania inspired to more linear narrative-focussed experiences. All of these have differing scales of possibility and potential required from their worlds depending on the activities they should hold and how emergent to curated the experience should be.</p><p>On a per-project basis the amount a creative direction or game direction that exists at the start of the project can vary greatly. This direction helps to inform the world or at least offer first steps or foundational principals as a starting point. If story-driven there may be significant parts of worldbuilding offered from the narrative, or if more systemic and sandboxy core game design features may offer a seed to grow your world around.</p><p>The terror of the blank page ( or theoretical empty sites ) is something I remember facing as an architecture student and later when tutoring others in architectural design even when parts or all of a brief existed. Designing in a void is a challenge so developing a toolkit of processes and approaches to tackle this when approaching initial world design is important.</p><h2>Using the real world as a start</h2><p>Research and inspiration are of course the basic response to the need for a starting point. Especially when creating something grounded or relatable it&#8217;s the foundation for the work required.</p><p>On-site reference trips are something of a luxury reserved usually for AAA budget titles, but incredibly valuable for capturing the feel of a place that is much harder to capture through collected images. Of course not every project&#8217;s world has a real-world analogue but inspiration can often still be found by casting the net wide and exposing yourself to a range of references.</p><p>Architecture and urban environments especially benefit from extensive research and reference gathering. The details and proportions that lend realism and sense of truthful construction can often be difficult to create, especially for an art team that lacks architectural training. Keen observation of the reference is essential to pick up on those details that sell the groundedness or avoid feeling wrong to the observer, especially in more familiar places such as cities or homes. Players will experience architecture daily and this makes it easy to end up in a kind of architectural &#8216;uncanny valley&#8217; where the sense of place you&#8217;re trying to achieve is missing its mark and feels off because some of the details or proportions show a lack of understanding or critical observation of how the world is built.</p><h3>The Snowglobe world</h3><p>Condensing and editing a real place or reference can be a skill also. If you look at something like a GTA map there are many decisions on what are valid landmarks and traits of a place that should be translated into the snowglobe version of that location. It requires a lot of research into what are the visual and cultural elements that should survive through to the virtual version ( and those reference trips if based on a real location help immensely )</p><p>Reference use is foundational, and probably doesn&#8217;t warrant much more discussion, it should be good practice for most cases.</p><h3>The corridor trap</h3><p>There is a counterpoint to this; there is a trap in drawing too directly from reference for layout when it comes to videogames. We have to remember that the function of real architecture is often for a different set of criteria, efficiency and functionality to that of providing entertainment in a videogame.</p><p>As an example I&#8217;d say the overuse of corridors and connective spaces in level design can lead to a problematic spatial experience for players. Depending on the gameplay it can be a hard balance to give the feeling and groundedness of a real world location while making it an engaging space to play within. It can also lead to a loss of sightlines and corridor twists and turns can lead to disorientation in the player.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!V-o5!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcb5f4c1c-b4a3-404d-b36b-04175ec373cf_1400x383.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!V-o5!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcb5f4c1c-b4a3-404d-b36b-04175ec373cf_1400x383.png 424w, https://substackcdn.com/image/fetch/$s_!V-o5!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcb5f4c1c-b4a3-404d-b36b-04175ec373cf_1400x383.png 848w, https://substackcdn.com/image/fetch/$s_!V-o5!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcb5f4c1c-b4a3-404d-b36b-04175ec373cf_1400x383.png 1272w, https://substackcdn.com/image/fetch/$s_!V-o5!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcb5f4c1c-b4a3-404d-b36b-04175ec373cf_1400x383.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!V-o5!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcb5f4c1c-b4a3-404d-b36b-04175ec373cf_1400x383.png" width="1400" height="383" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/cb5f4c1c-b4a3-404d-b36b-04175ec373cf_1400x383.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:383,&quot;width&quot;:1400,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:401296,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://worlddesignernotebook.substack.com/i/184556273?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcb5f4c1c-b4a3-404d-b36b-04175ec373cf_1400x383.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!V-o5!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcb5f4c1c-b4a3-404d-b36b-04175ec373cf_1400x383.png 424w, https://substackcdn.com/image/fetch/$s_!V-o5!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcb5f4c1c-b4a3-404d-b36b-04175ec373cf_1400x383.png 848w, https://substackcdn.com/image/fetch/$s_!V-o5!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcb5f4c1c-b4a3-404d-b36b-04175ec373cf_1400x383.png 1272w, https://substackcdn.com/image/fetch/$s_!V-o5!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcb5f4c1c-b4a3-404d-b36b-04175ec373cf_1400x383.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>An office, hospital or government building may be dominated by corridor spines and separate disconnected room spaces, but as a location for gameplay adhering to reality may be too constrictive. Floorplans don&#8217;t always have to fit within a building&#8217;s footprint or envelope in a virtual space, whereas in real architecture a corridor may be a way to efficiently connect spaces internally and still allow rooms to utilize the more valuable external walls for light and views.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!6c22!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8d469f9a-41bc-4058-97b7-bf5d8bd59f1c_1400x700.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!6c22!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8d469f9a-41bc-4058-97b7-bf5d8bd59f1c_1400x700.png 424w, https://substackcdn.com/image/fetch/$s_!6c22!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8d469f9a-41bc-4058-97b7-bf5d8bd59f1c_1400x700.png 848w, https://substackcdn.com/image/fetch/$s_!6c22!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8d469f9a-41bc-4058-97b7-bf5d8bd59f1c_1400x700.png 1272w, https://substackcdn.com/image/fetch/$s_!6c22!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8d469f9a-41bc-4058-97b7-bf5d8bd59f1c_1400x700.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!6c22!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8d469f9a-41bc-4058-97b7-bf5d8bd59f1c_1400x700.png" width="1400" height="700" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/8d469f9a-41bc-4058-97b7-bf5d8bd59f1c_1400x700.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:700,&quot;width&quot;:1400,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:812826,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://worlddesignernotebook.substack.com/i/184556273?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8d469f9a-41bc-4058-97b7-bf5d8bd59f1c_1400x700.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!6c22!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8d469f9a-41bc-4058-97b7-bf5d8bd59f1c_1400x700.png 424w, https://substackcdn.com/image/fetch/$s_!6c22!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8d469f9a-41bc-4058-97b7-bf5d8bd59f1c_1400x700.png 848w, https://substackcdn.com/image/fetch/$s_!6c22!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8d469f9a-41bc-4058-97b7-bf5d8bd59f1c_1400x700.png 1272w, https://substackcdn.com/image/fetch/$s_!6c22!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8d469f9a-41bc-4058-97b7-bf5d8bd59f1c_1400x700.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>Corridors themselves are an interesting case when it comes to architecture. They haven&#8217;t always been how spaces would connect. In fact in Palladian houses or mansion designs corridors would be absent between main rooms, instead relying on direct connections so the spaces would flow into one another by connected functions. Corridors and connective spaces were used as a way to allow staff to move around the house unseen. We can apply this to level design also, using corridors sparingly to fulfill a function rather than a purely architectural feature of the plan.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!dpa1!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F406a21bf-00c4-47bb-a391-8a727aafbf95_1400x787.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!dpa1!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F406a21bf-00c4-47bb-a391-8a727aafbf95_1400x787.png 424w, https://substackcdn.com/image/fetch/$s_!dpa1!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F406a21bf-00c4-47bb-a391-8a727aafbf95_1400x787.png 848w, https://substackcdn.com/image/fetch/$s_!dpa1!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F406a21bf-00c4-47bb-a391-8a727aafbf95_1400x787.png 1272w, https://substackcdn.com/image/fetch/$s_!dpa1!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F406a21bf-00c4-47bb-a391-8a727aafbf95_1400x787.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!dpa1!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F406a21bf-00c4-47bb-a391-8a727aafbf95_1400x787.png" width="1400" height="787" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/406a21bf-00c4-47bb-a391-8a727aafbf95_1400x787.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:787,&quot;width&quot;:1400,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:1730236,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://worlddesignernotebook.substack.com/i/184556273?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F406a21bf-00c4-47bb-a391-8a727aafbf95_1400x787.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!dpa1!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F406a21bf-00c4-47bb-a391-8a727aafbf95_1400x787.png 424w, https://substackcdn.com/image/fetch/$s_!dpa1!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F406a21bf-00c4-47bb-a391-8a727aafbf95_1400x787.png 848w, https://substackcdn.com/image/fetch/$s_!dpa1!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F406a21bf-00c4-47bb-a391-8a727aafbf95_1400x787.png 1272w, https://substackcdn.com/image/fetch/$s_!dpa1!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F406a21bf-00c4-47bb-a391-8a727aafbf95_1400x787.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p></p><p>One of the projects I was involved with we partially adopted this architectural strategy as a way to decrease the amount of corridors in the world&#8217;s layout ( it was entirely set within the interior of an endless building ). Connecting spaces directly also allowed for more corner diagonal approaches ( often a more interesting way to present a space for the player and work with their field of view to survey the entire space upon entry ). Central hub spaces linking outward to other rooms would allow movement through the level with corridors used when needed for difficult connection solutions or for player control. All this helped to create a more pleasing architectural world that helped serve the player&#8217;s abilities and gameplay design&#8217;s needs for space.</p><p>Corridors have their use for player control ( approach and vista alignment ) and spatial pacing ( squeeze-and-release type staging before a larger space ) but their use should be carefully considered and weighed against the player experience.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!ci7X!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25c138b-5d3e-4e64-b8ba-01b3e62fdd76_1400x426.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!ci7X!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25c138b-5d3e-4e64-b8ba-01b3e62fdd76_1400x426.png 424w, https://substackcdn.com/image/fetch/$s_!ci7X!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25c138b-5d3e-4e64-b8ba-01b3e62fdd76_1400x426.png 848w, https://substackcdn.com/image/fetch/$s_!ci7X!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25c138b-5d3e-4e64-b8ba-01b3e62fdd76_1400x426.png 1272w, https://substackcdn.com/image/fetch/$s_!ci7X!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25c138b-5d3e-4e64-b8ba-01b3e62fdd76_1400x426.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!ci7X!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25c138b-5d3e-4e64-b8ba-01b3e62fdd76_1400x426.png" width="1400" height="426" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/e25c138b-5d3e-4e64-b8ba-01b3e62fdd76_1400x426.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:426,&quot;width&quot;:1400,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:937905,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://worlddesignernotebook.substack.com/i/184556273?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25c138b-5d3e-4e64-b8ba-01b3e62fdd76_1400x426.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!ci7X!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25c138b-5d3e-4e64-b8ba-01b3e62fdd76_1400x426.png 424w, https://substackcdn.com/image/fetch/$s_!ci7X!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25c138b-5d3e-4e64-b8ba-01b3e62fdd76_1400x426.png 848w, https://substackcdn.com/image/fetch/$s_!ci7X!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25c138b-5d3e-4e64-b8ba-01b3e62fdd76_1400x426.png 1272w, https://substackcdn.com/image/fetch/$s_!ci7X!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25c138b-5d3e-4e64-b8ba-01b3e62fdd76_1400x426.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>Other examples would be city grids, which though realistic create quite boring spaces to traverse for a videogame; they&#8217;re highly permeable ( great for real life cities, but lacking in potential for control and pacing for level design ) and create very problematic straight vistas ( that can cause performance issues also when rendering the world as it lacks occlusion from structures ).</p><p>Beyond reference though, what other approaches help with those first steps for overall layout?</p><p></p><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://worlddesignernotebook.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe now&quot;,&quot;action&quot;:null,&quot;class&quot;:null}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://worlddesignernotebook.substack.com/subscribe?"><span>Subscribe now</span></a></p><p><br><br>For me it is often the relationships between places, their story and how they are structured can be additional initial steps to crafting the world design when needed.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!eK8X!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F485834f8-13df-41c6-a541-5ec1c6d99003_866x496.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!eK8X!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F485834f8-13df-41c6-a541-5ec1c6d99003_866x496.png 424w, https://substackcdn.com/image/fetch/$s_!eK8X!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F485834f8-13df-41c6-a541-5ec1c6d99003_866x496.png 848w, https://substackcdn.com/image/fetch/$s_!eK8X!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F485834f8-13df-41c6-a541-5ec1c6d99003_866x496.png 1272w, https://substackcdn.com/image/fetch/$s_!eK8X!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F485834f8-13df-41c6-a541-5ec1c6d99003_866x496.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!eK8X!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F485834f8-13df-41c6-a541-5ec1c6d99003_866x496.png" width="866" height="496" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/485834f8-13df-41c6-a541-5ec1c6d99003_866x496.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:496,&quot;width&quot;:866,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:734220,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://worlddesignernotebook.substack.com/i/184556273?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F485834f8-13df-41c6-a541-5ec1c6d99003_866x496.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!eK8X!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F485834f8-13df-41c6-a541-5ec1c6d99003_866x496.png 424w, https://substackcdn.com/image/fetch/$s_!eK8X!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F485834f8-13df-41c6-a541-5ec1c6d99003_866x496.png 848w, https://substackcdn.com/image/fetch/$s_!eK8X!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F485834f8-13df-41c6-a541-5ec1c6d99003_866x496.png 1272w, https://substackcdn.com/image/fetch/$s_!eK8X!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F485834f8-13df-41c6-a541-5ec1c6d99003_866x496.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><h2>Spatial relationships and abstract structural approach</h2><p>Spatial flow or bubble diagrams are often a way architects can start to build a picture of the relationships between activities or spaces that can inform their design.</p><p>I&#8217;ve used them in projects ( and architectural design ) before and in conjunction with level designers to plan the hierarchy of spaces, vistas and connections in the world. Bubbles would be scaled to reflect relative scope or importance, unique versus modular spaces marked and connections made. Vistas can be marked too to note visual as well as physical connections.</p><p>These spatial diagrams can be used to plot story or mission routes through the connections, planning efficient use and reuse of the spaces created and provide pacing cues.</p><p>Depending on the type of gameworld needed ( for example open world or metroidvania ) this will help create more permeable spaces than some of the more linear intestinal tracts of corridors and rooms that can happen if we rush straight to physically blocking out mission flows.</p><p>In fact this can be a good thing as it abstracts the level designer to focus on the flow, pacing and relationships of the space and not be distracted with the visual design of the spaces.</p><p>Of course this abstraction can also work against us here, as it is essentially 2d it becomes challenging to represent or think in three dimensions, something I will dive into another time on why working with plans and 2d layouts versus three dimensional blockout work can have pros and cons.</p><p>Those connections between the places can be important too though and not just lines drawn to link bubbles. Sometimes the space between is a big part of the experience; the classic &#8216;it&#8217;s the journey not the destination&#8217;. For example the distances may be defined by the method of travel in an open world game, the speed of travel and how much space for systemic or emergent experiences you wish the player to have. Think of GTA or The Witcher as good examples of this, just long enough to enjoy the travel, to get distracted or pulled by attractors along the way, but not overly long it feels like a chore. Again it&#8217;s balance; leave enough space for your roadside attractions but balance the granularity and frequency of them carefully so it does not become packed with distractions and tasks to the point a player only sees busywork and pointless padding to their experience.</p><h2>Telling the story of the world</h2><p>Of course another starting point is through worldbuilding; that is, storytelling made physical.</p><p>There&#8217;s several ways to approach this. I am usually wary of heavy worldbuilding and world bibles, of building an exhaustive history of the world you seek to build. It&#8217;s a functional preproduction document; these things should be built with purpose and be more focussed on what those building the world will need from it ( same can be said somewhat for art bibles too ). Build more of a framework that can be robustly expanded upon where the project&#8217;s needs arise, and give the team a chance to do some of the work in taking that foundation and growing it.</p><p>When also considering your audience there is so much they can infer from what space you leave around the necessary parts of a world&#8217;s story which leads to more engagement and immersion into the world. There is no need to explain everything in granular detail.</p><p>If your world is influenced by a particular culture, the core philosophies or principles should be communicated clearly, these pillars are tools you will give the team to work with.</p><h3>Technological lore</h3><p>One approach I&#8217;ve used is to introduce a transformative device that can become a core influence over the architecture and design of the world.</p><p>The term I&#8217;ve used for this is &#8216;technological lore&#8217;, something that will underpin the built substance and reasoning of the world and be expressed in differing ways.</p><p>Two examples I can think of for this type of device are the automobile and the cotton mill.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!9VwF!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69d8eb72-ba11-4d59-bbb8-2f4542eace1b_1400x377.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!9VwF!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69d8eb72-ba11-4d59-bbb8-2f4542eace1b_1400x377.png 424w, https://substackcdn.com/image/fetch/$s_!9VwF!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69d8eb72-ba11-4d59-bbb8-2f4542eace1b_1400x377.png 848w, https://substackcdn.com/image/fetch/$s_!9VwF!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69d8eb72-ba11-4d59-bbb8-2f4542eace1b_1400x377.png 1272w, https://substackcdn.com/image/fetch/$s_!9VwF!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69d8eb72-ba11-4d59-bbb8-2f4542eace1b_1400x377.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!9VwF!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69d8eb72-ba11-4d59-bbb8-2f4542eace1b_1400x377.png" width="1400" height="377" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/69d8eb72-ba11-4d59-bbb8-2f4542eace1b_1400x377.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:377,&quot;width&quot;:1400,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:945155,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://worlddesignernotebook.substack.com/i/184556273?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69d8eb72-ba11-4d59-bbb8-2f4542eace1b_1400x377.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!9VwF!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69d8eb72-ba11-4d59-bbb8-2f4542eace1b_1400x377.png 424w, https://substackcdn.com/image/fetch/$s_!9VwF!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69d8eb72-ba11-4d59-bbb8-2f4542eace1b_1400x377.png 848w, https://substackcdn.com/image/fetch/$s_!9VwF!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69d8eb72-ba11-4d59-bbb8-2f4542eace1b_1400x377.png 1272w, https://substackcdn.com/image/fetch/$s_!9VwF!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69d8eb72-ba11-4d59-bbb8-2f4542eace1b_1400x377.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p></p><p>The architecture of the drive thru and drive-in cinema are examples of the impact of the car on architecture of the mid 20th century. A technology was embraced and transformative to some parts of architecture and world design ( roads supersede other travel and shrink the spaces between ). The populuxe design of Googie architecture further captured the speed and romanticism of road travel and the automobile, seen in roadside architecture such as diners and motels.</p><p>The advent of the industrial revolution dramatically altered the landscape of England forever, creating smoking forests of chimneys and mills, and workers housing organised around those.</p><p>These kinds of drivers in the world need to be persuasive and expressed in various ways to be truly effective. More than aesthetic, if it touches the activities of its inhabitants or the player&#8217;s gameplay it will help build a sense of cohesion within the world.</p><p>A common device seen in games is of course the world altering event that causes a post-apocalyptic state to the world. That too can often be attributed to a form of technological lore, be it a pervasive fantasy of cold-war 1950s atomic power ( Fallout series ) or replacement robot analogues of nature ( Horizon Zero Dawn ). These can be seen to create ranges of cultural responses within the world with their own formal expression.</p><p>This approach also has a large impact on the resources found within the world and their visual design. Depending on the game this is something that will be interwoven to the game direction and economy of the game design itself and should be a heavily collaborative effort to allow the flexibility the design team may need from what can be found or is valuable to the player and other characters and their factions.</p><p>There are more complex theories on how change impacts the world but what we are looking for is something that drives a functional and visual change that can be leveraged by both art direction, narrative and game design.</p><h2>Conclusion</h2><p>Often there will be a combination of some or all of these things I&#8217;ve covered will comprise those first steps into building the early rough shape of the world design. Making games is a complex process and balancing the needs of all the disciplines in a project for a world can be challenging. <br>Getting the world off to a solid start, identifying its guiding principals and structures will help ensure a successful initial foundation to the world and hopefully an effective pre-production for the project. If the pre-production gives the team the tools and world layout to work with in production then it should hopefully minimise bigger changes or additions needed later or at least be able to accommodate them without too much catastrophic changes.<br></p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://worlddesignernotebook.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Thanks for reading! Subscribe for free to receive new posts and support my work.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p></p>]]></content:encoded></item><item><title><![CDATA[World Design is not Worldbuilding]]></title><description><![CDATA[Notes from a videogame world designer]]></description><link>https://worlddesignernotebook.substack.com/p/world-design-is-not-worldbuilding-5f9</link><guid isPermaLink="false">https://worlddesignernotebook.substack.com/p/world-design-is-not-worldbuilding-5f9</guid><dc:creator><![CDATA[World Designer Notebook]]></dc:creator><pubDate>Thu, 08 Jan 2026 18:23:18 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!Mcmb!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9ecc8a52-9abb-480d-8a13-2384a1c77161_800x800.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>So this is the first post, the hello world of world design.</p><p>This is somewhat of an experiment in documenting my thoughts on the processes, problems and explorations of world design in videogames. I have been considering attempting this for a while now and procrastinated long enough, so this year it is time to tell the story ( or stories ) of world design from my personal viewpoint ( <em>which of course then goes hand in hand with the usual disclaimer of these being my opinions and not that of any current or past employer</em> ).</p><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://worlddesignernotebook.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe now&quot;,&quot;action&quot;:null,&quot;class&quot;:null}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://worlddesignernotebook.substack.com/subscribe?"><span>Subscribe now</span></a></p><p></p><p>But first things first I should tackle my definition of world design.</p><h3>World Design is not Worldbuilding</h3><p>I&#8217;ll start with what it is not. World design is not worldbuilding in a purely narrative sense.</p><p>Worldbuilding is usually a term used in relation to narrative, and for media where words are the building blocks of a world it is indeed worldbuilding, but for videogames we are more similar to production design or architecture, where we have the structure and creation processes to design as much as the contents of the world.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!qSZH!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f868291-c151-4d7e-9c4e-a485e1eaff7f_1456x1040.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!qSZH!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f868291-c151-4d7e-9c4e-a485e1eaff7f_1456x1040.png 424w, https://substackcdn.com/image/fetch/$s_!qSZH!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f868291-c151-4d7e-9c4e-a485e1eaff7f_1456x1040.png 848w, https://substackcdn.com/image/fetch/$s_!qSZH!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f868291-c151-4d7e-9c4e-a485e1eaff7f_1456x1040.png 1272w, https://substackcdn.com/image/fetch/$s_!qSZH!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f868291-c151-4d7e-9c4e-a485e1eaff7f_1456x1040.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!qSZH!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f868291-c151-4d7e-9c4e-a485e1eaff7f_1456x1040.png" width="1456" height="1040" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/0f868291-c151-4d7e-9c4e-a485e1eaff7f_1456x1040.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1040,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:2263675,&quot;alt&quot;:&quot;&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://worlddesignernotebook.substack.com/i/183925000?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f868291-c151-4d7e-9c4e-a485e1eaff7f_1456x1040.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" title="" srcset="https://substackcdn.com/image/fetch/$s_!qSZH!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f868291-c151-4d7e-9c4e-a485e1eaff7f_1456x1040.png 424w, https://substackcdn.com/image/fetch/$s_!qSZH!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f868291-c151-4d7e-9c4e-a485e1eaff7f_1456x1040.png 848w, https://substackcdn.com/image/fetch/$s_!qSZH!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f868291-c151-4d7e-9c4e-a485e1eaff7f_1456x1040.png 1272w, https://substackcdn.com/image/fetch/$s_!qSZH!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f868291-c151-4d7e-9c4e-a485e1eaff7f_1456x1040.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><em>One way to envision world design is as located between the overlapping areas with other disciplines such as narrative, level design and visual design ( environment art and lighting chief among them )</em></p><p>To more explicitly list some of the components that could form a world design I would say it is the back story of the world, the lore of its components, culture or how it functions, the large scale physical structure ( akin to urban design ) or processes in guiding its formation, the approaches to supporting the player experience ( navigation principles such as landmarking or spatial sequencing ), integration of architectural design principles, lighting approaches, design of extensibility or robustness to encompass game design change or emergent activities, formal or visual guidance for art direction which can include color rulesets or material and formal guides and of course can inform the character design of those that inhabit the world also.</p><p>It can be a lot, but what comprises the package and reach of world design depends largely on each project&#8217;s needs and what is needed from the surrounding disciplines.</p><h3>Creating Potential Space</h3><p>It is also important to think of it as a supportive thing and not an ego-fuelled exercise in creation. A term I would use for world design is &#8216;it is the creation of a <strong>potential space</strong>&#8217;. This space is a stage for the game to play out on; helping to accommodate and encompass the player&#8217;s experience, express and reinforce the narrative, give structures and approaches for level design creation, and fuel the art direction of the project.</p><h3>World Design lives and dies in pre-production</h3><p>Videogames are ( usually ) a team effort, and the more you can empower and support the team to succeed in their areas of expertise the better. That&#8217;s why I&#8217;d say world design is predominantly a pre-production focussed effort, if done well it will reduce ( but not eliminate ) the amount of shepherding and feedback required once in production.</p><p>Most of the issues I&#8217;ve seen in productions relating to the world can usually be traced back to preproduction and identifying places where the foundation was weak or underdeveloped. It&#8217;s not easy to predict what the world may need to support once in production though, and designing in robustness is a challenge.</p><h3>The Pursuit of Cohesion</h3><p>So, if I was to summarize the goal of world design to a single thing, I would say it is this: <strong>cohesion</strong>.</p><p>It should help to provide that sense of place, of an underlying logic or truth to the world that is foundational to those that experience the game. It is the sinew and connective tissue between the various components that compromise the game experience, and why it needs to be a cross-discipline effort. It is the feeling when you play a game that everything feels like it belongs and has some intent or purpose, even if it isn&#8217;t something explicitly explained or presented to you. Production design and the crafting of mise-en-sc&#232;ne would perhaps be a movie production analogue to this.</p><p>I hope some of you find this and following texts somewhat useful or interesting. They are of course subjective, as I said at the start these are an attempt to put down my own thoughts on world design. I&#8217;m new to this ( writing these, not world design ) and so it may take time to find the right style or voice ( more anecdotal/conversational or more authoritative, I&#8217;m unsure, let&#8217;s see where they go ). Next time maybe I tackle starting points.</p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://worlddesignernotebook.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Thanks for reading World Designer Notebook! Subscribe for free to receive new posts and support my work.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p></p>]]></content:encoded></item><item><title><![CDATA[Coming soon]]></title><description><![CDATA[I'm new to this so let's see what form this takes...]]></description><link>https://worlddesignernotebook.substack.com/p/coming-soon</link><guid isPermaLink="false">https://worlddesignernotebook.substack.com/p/coming-soon</guid><dc:creator><![CDATA[World Designer Notebook]]></dc:creator><pubDate>Wed, 07 Jan 2026 14:50:15 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!Mcmb!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9ecc8a52-9abb-480d-8a13-2384a1c77161_800x800.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>This is World Designer Notebook.</p><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://worlddesignernotebook.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe now&quot;,&quot;action&quot;:null,&quot;class&quot;:null}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://worlddesignernotebook.substack.com/subscribe?"><span>Subscribe now</span></a></p>]]></content:encoded></item></channel></rss>