Tron Tileset

Tron: Creating a Tron-themed tileset allowed me to geek out as a nerd by looking at retro artistic inspiration such as the Tron artist Peter Lloyd. This was my first experience using Mapbox Studio and made me appreciate the infinite amount of customization afforded by coding libraries compared to a tool like Mapbox.

The most central design feature was the integration of neon blue and orange. I stuck with just one blue and orange hue but manipulated the value of each hue to ensure a visual hierarchy arose. The colors were blurred slightly to give the map a more retro and exciting feel. The major roads were visualized as neon blue to adhere to the Tron grid being how the riders maneuver. Lower level roads are visualized in orange when zoomed in. I also used a buildings layer to have the urban structures pop out at the map reader when they zoom in. The result was a more dynamic interaction with the map. The type was kept to one modern typeface known as audiowide which has a fun mixture of smooth and curved qualities that exemplify a retro style. For major water bodies, I designed a grid texture to recreate the grid seen in Tron. The grid fades out as a user zooms in because the actual road features come out and evoke a sense of a grid. Finally, I did end up adding a yellow hue to ensure that rivers would be represented on the map. The generalized lines make the map exciting while the buildings help give the map a feel of Tron's dynamism. The color palette of the design features neon blues and oranges which are blurred to give a retro feel. The type is kept to one modern typeface known as audiowide which has a fun mixture of smooth and curved qualities. I created the Tron texture which is applied to water features in Adobe Illustrator to recreate the grid seen in tron. The grid fades out as a user zooms in because the actual road features come out and evoke a sense of a grid.

Created using Mapbox Studio