Lepa Juju Stojanovic

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:media="http://search.yahoo.com/mrss/"
	
	>

<channel>
	<title>Lepa Juju Stojanovic</title>
	<link>https://lepajuju.design</link>
	<description>Lepa Juju Stojanovic</description>
	<pubDate>Wed, 23 Oct 2024 20:37:37 +0000</pubDate>
	<generator>https://lepajuju.design</generator>
	<language>en</language>
	
		
	<item>
		<title>Home</title>
				
		<link>https://lepajuju.design/Home</link>

		<pubDate>Tue, 08 Oct 2024 14:55:44 +0000</pubDate>

		<dc:creator>Lepa Juju Stojanovic</dc:creator>

		<guid isPermaLink="true">https://lepajuju.design/Home</guid>

		<description>


    &#60;img src="https://freight.cargo.site/t/original/i/412832c3051ba155b6d42b59d21b95d864d5bfd72e86d91d92f76e4c89f249de/Aspen_header_extended.gif" style="width:100%"&#62;
	
	
    Aspen Music Festivaland School

VISUAL IDENTITY · GENERATIVE DESIGN · LETTERING
   Known for its first-rate classical music concerts and prestigious music education programs since 1949, the Aspen Music Festival and School annually assembles promising young talent with international stars on the grand stage that is the Rocky Mountains.


    More&#38;nbsp;︎︎︎
    
    
    &#60;img src="https://freight.cargo.site/t/original/i/77c2bb681211271c836ce8ee5f4772bc1f8984ee9fb193933afa6f486fc4f224/CROSLEY-ANIMATION_SITE.gif" style="width:100%"&#62;
	
	
    Crosley Display Face

TYPE DESIGN · GLYPHS APP
   Crosley is an octic slab-serif display face and typographic ode to brutalist landmark of University of Cincinnati, Crosley Tower. Both loved and hated for its strangeness and lore, the 16-story tower is the tallest single-pour concrete structure in
the world.*


    More&#38;nbsp;︎︎︎
    
    
    &#60;img src="https://freight.cargo.site/t/original/i/fe4d0c155bbb18f1633d98939918b635a69c0b5cd063f06081526022225747b4/Four-Treasures-header.gif" style="width:100%"&#62;
	
	
    Four Treasures of the Sky

TITLE DESIGN · 2D ANIMATION · AFTER EFFECTS
   Four Treasures of the Sky is a novel by Jenny Tinghui Zhang. This title sequence imagines Zhang's novel as a limited series, taking its graphic language from the story's contrasting settings of East and West, while playing off the idea of hidden and lost identity.


    More&#38;nbsp;︎︎︎
    
    
    &#60;img src="https://freight.cargo.site/t/original/i/85431ca52bd5e706f7dcd00201d2c2d727fe62d333223caa68ec41b7bd15d28a/Rodeo-Gothic_Header-Image_EXT.png" style="width:100%"&#62;
	
	
    Rodeo Gothic Display Face

TYPE DESIGN · GLYPHS APP
   Rodeo Gothic is a display typeface that evokes both the knights of the Round Table and the cowboys of the Wild West. A mash-up of Western and Blackletter type, it’s a little bit "Ye Olde" and a little bit "Yeehaw!"


    More&#38;nbsp;︎︎︎
    
    
    &#60;img src="https://freight.cargo.site/t/original/i/33c16c72d3f599cbe7d325ee10eacacff7be31734779981c9077ec1b87c3c0e1/spreads-video-cover_10fps.gif" style="width:100%"&#62;
	
	
    Push+Shove Magazine

EDITORIAL DESIGN · VISUAL IDENTITY
   Push+Shove is an arts and culture dance publication that challenges tradition and focuses on the multidimensionality of dance. It breaks the conventional ideas of dance as pretentious, old-fashioned, and delicate, and highlights it instead as expressive, versatile, and innovative.


    More&#38;nbsp;︎︎︎
    
    
    &#60;img src="https://freight.cargo.site/t/original/i/a89a6be1ee0cfd29f164cf5d38c68f3c1e1f2a0494deb8b339c42d707d62a0c7/P_G_header_ext.gif" style="width:100%"&#62;
	
	
    Procter &#38;amp; Gamble

VISUAL IDENTITY · UX/UI · ILLUSTRATION · 2D ANIMATION
   Procter &#38;amp; Gamble is the world's largest CPG corporation. At P&#38;amp;G, I worked as a Brand Expression Designer for the Corporate Brand Function team, during which I led work on various projects for the P&#38;amp;G corporate visual identity across social media, experiential design, environmental design, digital design, and a company-wide refresh of visual assets.


    More&#38;nbsp;︎︎︎
    
    
    &#60;img src="https://freight.cargo.site/t/original/i/171e2532e1583a60a2ed4325a29ced1ab49c727fc9d61e4e6d720d7be2b04838/making-waves-thumbnail-EXT.png" style="width:100%"&#62;
	
	
    Making Waves: 50 Years of Music Icons

POSTER DESIGN · MODULAR TYPE DESIGN · PHOTOGRAPHY
   50 Years of Music Icons is a celebration of the great pioneers of music featuring Ravi Shankar, Madonna, and Jimi Hendrix. This poster series focuses on the lasting waves of impact these musicians left with custom modular typography and graphic image-making via textural photography of real glass.


    More&#38;nbsp;︎︎︎
    
    
hr {
	border: 0.5px solid rgba(0,0,0,1);
}

.gallery_image_caption {
	color:rgba(255,255,255,0.5);
}

.sketch-title {
	padding-bottom:2rem;
}

.sketch-margin {
	padding-bottom:2rem;
}

table {
	padding-bottom:2rem;
}

html {
	scroll-behavior: smooth;
}
h3 {
	color: rgba(255, 255, 255);
}


</description>
		
	</item>
		
		
	<item>
		<title>About</title>
				
		<link>https://lepajuju.design/About</link>

		<pubDate>Sat, 03 Feb 2024 18:22:59 +0000</pubDate>

		<dc:creator>Lepa Juju Stojanovic</dc:creator>

		<guid isPermaLink="true">https://lepajuju.design/About</guid>

		<description>


About
    
    
Juju is a designer exploring type, code, and graphic design through the intersection of her backgrounds as a professional ballet dancer and student of mathematics.
She has worked in brand identity, type design, and exhibition design in Cincinnati, New York, and Berlin, and is currently studying communication design at the University of Cincinnati’s College of Design, Architecture, Art, and Planning (DAAP). Her work has been recognized by the Type Directors Club, Creative Review, Graphic Design USA, and Graphis. She believes that design and creativity must be driven by human connection, persistent curiosity, and diverse perspectives.

   
Contact
Email&#38;nbsp;︎︎︎
Instagram&#38;nbsp;︎︎︎
    LinkedIn&#38;nbsp;︎︎︎
    
    Experience
    Order&#38;nbsp;︎︎︎
     Portrait&#38;nbsp;︎︎︎
Rockwell Group&#38;nbsp;︎︎︎
Archimedes Exhibitions&#38;nbsp;︎︎︎
    
    Awards
    GDUSA Students to Watch 2026&#38;nbsp;︎︎︎
    TDC Young Ones Winner 2024&#38;nbsp;︎︎︎
    TDC Scholarship 2024 ︎︎︎
TDC Young Ones Short List 2023
    Graphis New Talent 2023&#38;nbsp;︎︎︎
    Graphic Design USA 2022&#38;nbsp;︎︎︎
    
    Features + Press
    Creative Review Magazine&#38;nbsp;︎︎︎
    The World's Best Typography®45th Edition&#38;nbsp;︎︎︎
    Chicago Graphic Design Club&#38;nbsp;︎︎︎
    TDC70 New York Exhibition&#38;nbsp;︎︎︎
Design Research Society&#38;nbsp;︎︎︎


    &#60;img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/d5b2d2fd23ed3c387b53ebb98fd67d1de77f022db94fff0ab6287b0ce5ec3056/BYHATSUE-Juju9815_4x5_color_small.png" data-mid="222566895" border="0" data-scale="90" data-no-zoom src="https://freight.cargo.site/w/1000/i/d5b2d2fd23ed3c387b53ebb98fd67d1de77f022db94fff0ab6287b0ce5ec3056/BYHATSUE-Juju9815_4x5_color_small.png" /&#62;
    

th {
vertical-align:top;
}

h3.about {
	display:inline;
}

h3#juju:hover span {
  display:none;
}

h3#juju:hover:before {
  content: "珠珠";
  /*color: #95bc2a;*/
  font-family: "source-han-sans-cjk-sc", sans-serif, Icons;
  font-style: normal;
  font-size: 1.7rem;
  font-weight: 500;
}

hr {
	border: 0.85px solid rgba(0,0,0,1);
}

.gallery_image_caption {
	color:rgba(255,255,255,0.5);
}

.sketch-title {
	padding-bottom:2rem;
}

.sketch-margin {
	padding-bottom:2rem;
}

i a:hover {
	letter-spacing: -0.05rem
}

table {
	padding-bottom:2rem;
}

html {
	scroll-behavior: smooth;
}

</description>
		
	</item>
		
		
	<item>
		<title>Aspen Music Festival and School</title>
				
		<link>https://lepajuju.design/Aspen-Music-Festival-and-School</link>

		<pubDate>Fri, 02 Feb 2024 02:41:41 +0000</pubDate>

		<dc:creator>Lepa Juju Stojanovic</dc:creator>

		<guid isPermaLink="true">https://lepajuju.design/Aspen-Music-Festival-and-School</guid>

		<description>&#60;img src="https://freight.cargo.site/t/original/i/577a5fbcaaea2548ceab120f1224f7b9392cc75e8147fd835cec602c33822830/Aspen_header_grass.png" style="width:100%; object-position:center center;" class="crop-header"&#62;


    Summer 2023
 Aspen Music Festival and School
    

        GRAPHIC DESIGN I
    	Visual Identity · Generative Design · Lettering
        Features
        The World's Best Typography 45th Edition︎︎︎
        
        Creative Review Magazine︎︎︎
        
        Awards
        TDC Young Ones Winner 2024︎︎︎
        
        &#60;img src="https://freight.cargo.site/t/original/i/02bf2c84690ef1c45f413b452b8f9f636a3acfee510b3d1a046c7285db98088d/tdc-seal.png" style="width:25%;"&#62;
        
        
    	Known for its first-rate classical music concerts and prestigious music education programs since 1949, the Aspen Music Festival and School annually assembles promising young talent with international stars on the grand stage that is the Rocky Mountains.

The resulting visual identity is informed by the lush mountainous landscape, sheet music typography, and movement quality of the orchestra itself to create a generative music-responsive wordmark and accompanying identity.
  	    

&#60;img width="2666" height="1040" width_o="2666" height_o="1040" data-src="https://freight.cargo.site/t/original/i/fecb8cac3ebd28503da91afe6a3dcfbc4ad1d12885ff391248edf6cae6e4022c/Aspen-Logo-Grid.png" data-mid="203690339" border="0" data-no-zoom="true" alt="Aspen Music Festival and School wordmark" data-caption="Aspen Music Festival and School wordmark" src="https://freight.cargo.site/w/1000/i/fecb8cac3ebd28503da91afe6a3dcfbc4ad1d12885ff391248edf6cae6e4022c/Aspen-Logo-Grid.png" /&#62;


The festival

	
 Aspen Music Festival and School is a prestigious annual classical music institution taking place every summer in the Rocky Mountains of Aspen, Colorado.
	

&#60;img src="https://freight.cargo.site/t/original/i/6fc88261a6801f066de69903a005e11c9b301faf8984c835c66bdda285eb6236/aspen-history_.png" style="width:100%;"&#62;


 Founded in 1949, the festival has been a preeminent destination for musicians and audience members from around the globe for world-class performances and programming.
	

&#60;img src="https://freight.cargo.site/t/original/i/9cac2a82dbe0e4b5b17027291d7f0d862bcaa80cfc0f5a6ca21fb238b011103d/aspen-history_2.png" style="width:100%;"&#62;


 More than just a festival, the institution has provided decades of renowned educational programs for the stars of tomorrow to learn from the stars of today.
	

&#60;img src="https://freight.cargo.site/t/original/i/923270452e26c09e5354481ba8ce21fe0c60f78638c21b1f4307be005d887616/aspen-history_3.png" style="width:100%;"&#62;


 These artists, educators, students, and audience members all come together to celebrate classical music on the grandest stage of all — the Rocky Mountains.
	

&#60;img src="https://freight.cargo.site/t/original/i/a850a824aa7ad6363ff0a2d2e8b0e65dbfb688c1967475ca45ec3b4a72f8699b/Things-to-do-in-Aspen-Maroon-Bells_crop.png" style="width:100%;"&#62;


Initial logo ideation

	
 Initial sketches explored references to classical music notation, nature, community, and education.
	

&#60;img src="https://freight.cargo.site/t/original/i/7c1321944dad401d789598c8bd1d57f11bbea6a1b298a623b7f6d95892fad4fe/Aspen-initial-sketches-annotated.jpg" style="width:100%;"&#62;


Lettering iterations

	
 Narrowing in on custom hand-lettering, levels of complexity and expression were explored.

	
Click to Pause.


&#60;img width="1598" height="693" width_o="1598" height_o="693" data-src="https://freight.cargo.site/t/original/i/eef11f603289a6a948ddbb10506fa9912a1179fcaf749f3380a2b0c9bcb3de68/Iteration-1.png" data-mid="203685767" border="0" alt="Iteration 1" data-caption="Iteration 1" src="https://freight.cargo.site/w/1000/i/eef11f603289a6a948ddbb10506fa9912a1179fcaf749f3380a2b0c9bcb3de68/Iteration-1.png" /&#62;
&#60;img width="1598" height="693" width_o="1598" height_o="693" data-src="https://freight.cargo.site/t/original/i/af6b746d895dd8e8a6bd8227e720c1d3db9230b8ffe4c1f233b5250f57ee774e/Iteration-2.png" data-mid="203685768" border="0" alt="Iteration 2" data-caption="Iteration 2" src="https://freight.cargo.site/w/1000/i/af6b746d895dd8e8a6bd8227e720c1d3db9230b8ffe4c1f233b5250f57ee774e/Iteration-2.png" /&#62;
&#60;img width="1598" height="693" width_o="1598" height_o="693" data-src="https://freight.cargo.site/t/original/i/857e5576bcb3b6c4e1f89f669a55c7f7ef7c2350177585fa915fc35d7d1ec125/Iteration-3.png" data-mid="203685769" border="0" alt="Iteration 3" data-caption="Iteration 3" src="https://freight.cargo.site/w/1000/i/857e5576bcb3b6c4e1f89f669a55c7f7ef7c2350177585fa915fc35d7d1ec125/Iteration-3.png" /&#62;
&#60;img width="1598" height="693" width_o="1598" height_o="693" data-src="https://freight.cargo.site/t/original/i/0324ea8948e558f490bc266618d058947015ef9a7dc113b7039a89d35078437f/Iteration-4.png" data-mid="203685770" border="0" alt="Iteration 4" data-caption="Iteration 4" src="https://freight.cargo.site/w/1000/i/0324ea8948e558f490bc266618d058947015ef9a7dc113b7039a89d35078437f/Iteration-4.png" /&#62;
&#60;img width="1598" height="693" width_o="1598" height_o="693" data-src="https://freight.cargo.site/t/original/i/546533e170a67e9d2c078061da5536ce27f6942714f9d02eab9dc2ed29ad8f3c/Iteration-5.png" data-mid="203685771" border="0" alt="Iteration 5" data-caption="Iteration 5" src="https://freight.cargo.site/w/1000/i/546533e170a67e9d2c078061da5536ce27f6942714f9d02eab9dc2ed29ad8f3c/Iteration-5.png" /&#62;
&#60;img width="1598" height="693" width_o="1598" height_o="693" data-src="https://freight.cargo.site/t/original/i/a37e489e03202ff68508e064219ee7826b473482670dbb4848c5b3e7a9903f59/Iteration-6.png" data-mid="203685772" border="0" alt="Iteration 6" data-caption="Iteration 6" src="https://freight.cargo.site/w/1000/i/a37e489e03202ff68508e064219ee7826b473482670dbb4848c5b3e7a9903f59/Iteration-6.png" /&#62;
&#60;img width="1598" height="693" width_o="1598" height_o="693" data-src="https://freight.cargo.site/t/original/i/bb358237222b9fd8410f6ef31da68b6585f3f5c89054f962e84f0bec449bfbf5/iterations-final.png" data-mid="203685795" border="0" alt="Final" data-caption="Final" src="https://freight.cargo.site/w/1000/i/bb358237222b9fd8410f6ef31da68b6585f3f5c89054f962e84f0bec449bfbf5/iterations-final.png" /&#62;


Influences from music notation and nature

	
    The final direction for the logo takes heavy inspiration from music notation.
	
    
&#60;img src="https://freight.cargo.site/t/original/i/25f3a8619c7f06ed5baef2e1ad9b56a4ea4bc249107da62b549490cec9ca15ff/aspen-ID-details_.png" style="width:100%"&#62;


    With letters that shift up and down in baseline like music notes on a staff.
	
    
&#60;img src="https://freight.cargo.site/t/original/i/ad92a1cb1d863a00237d2ad68a05cedb8b9cb067e43766f5603643c501206f49/aspen-ID-details_2.png" style="width:100%"&#62;


    And the overall silhouette originating from the mountains themselves.
	
    
&#60;img src="https://freight.cargo.site/t/original/i/ede9fe4d5adc91baea8baaa491af04421521752fc9abe39cd7bc2b89c5512292/aspen-ID-details_3b.png" style="width:100%"&#62;


Typography

	
    Arsenica is the identity's primary typeface. With its serious tone of voice and fluid italics, it reflects the typography of sheet music, but with an organic quality of nature.Museo Sans is the identity's secondry typeface. It reads well at small sizes with open counters, and shares a similar skeleton to Arsenica with round circular curves.
	
    
&#60;img src="https://freight.cargo.site/t/original/i/fe4776dcf442f8158d58e972d558e219de071b4b6b3313552527c51f003bd317/aspen-ID-details_4.png" style="width:100%"&#62;


Color

	
    The colors were chosen for their links to summer in Aspen with lush forests, warm sunshine, and wide open skies. The colors also support a serious tone of voice and air of prestige, while still expressing the vibrancy of music.
	
    
&#60;img src="https://freight.cargo.site/t/original/i/9e63dc9728c8aa65622e9368f6c34cf4587ded73a4d937580e8c17fedb1e5a9d/aspen-ID-details_5.png" style="width:100%"&#62;


Programming a music-responsive logo

	
    Built using a combination of p5.js and variable font technology, the wordmark is music-reactive. Interpolating through variations of baseline and distortion, the letterforms of the wordmark respond to both volume and pitch of live audio input. As they travel up and down, the letterforms create different mountainous landscapes.
    
	
    The sound directly informs the movement of the logo without artificial easing or smoothing of motion to most accurately represent the imperfect raw expression of music with vibrato and all. The result allows the logo to behave like different instruments accordingly, sometimes appearing like the bows of the strings section, and sometimes like the struck keys of a piano.
    

Try the live generative logo&#38;nbsp;︎︎︎
*Use Google Chrome for best results.


Final Identity

	
    Aspen Music Festival and School's new identity communicates both the inspirational energy of the event and lush natural environment through its vibrant color palette; through the generative wordmark creating rolling mountains as it’s informed by music; and through dynamic typography that both references the visuals of sheet music and feeling of rhythm. 
	
    
&#60;img width="3000" height="1500" width_o="3000" height_o="1500" data-src="https://freight.cargo.site/t/original/i/18838cab51b2137d532b74821fb702c6418662242cd6aa2e3607af2f2f077c79/Generative-Program_Mockup-1_big.png" data-mid="203685809" border="0" alt="Concert program generative covers" data-caption="Concert program generative covers" src="https://freight.cargo.site/w/1000/i/18838cab51b2137d532b74821fb702c6418662242cd6aa2e3607af2f2f077c79/Generative-Program_Mockup-1_big.png" /&#62;
&#60;img width="800" height="640" width_o="800" height_o="640" data-src="https://freight.cargo.site/t/original/i/38cadeb79c114750ff00be92685e67a0b0773fed6a3e355539489f6f9c2aa00d/Laptop.gif" data-mid="203685803" border="0" alt="Generative wordmark application" data-caption="Generative wordmark application" src="https://freight.cargo.site/w/800/i/38cadeb79c114750ff00be92685e67a0b0773fed6a3e355539489f6f9c2aa00d/Laptop.gif" /&#62;
&#60;img width="1920" height="1536" width_o="1920" height_o="1536" data-src="https://freight.cargo.site/t/original/i/45542510d1159e61cde7bf144d4b59b4a7924ba59738c9bf146517187db7e8c7/Program-Inside_Mockup-med.png" data-mid="203685804" border="0" alt="Program inside spread" data-caption="Program inside spread" src="https://freight.cargo.site/w/1000/i/45542510d1159e61cde7bf144d4b59b4a7924ba59738c9bf146517187db7e8c7/Program-Inside_Mockup-med.png" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/7abd1e3165344d63e1cbf49f985c73a13e9279106d39f522ebbaf63470a49edf/Notebook_Mockup-3_Green_IG.png" data-mid="203685799" border="0" alt="Notebook" data-caption="Notebook" src="https://freight.cargo.site/w/1000/i/7abd1e3165344d63e1cbf49f985c73a13e9279106d39f522ebbaf63470a49edf/Notebook_Mockup-3_Green_IG.png" /&#62;
&#60;img width="2950" height="2950" width_o="2950" height_o="2950" data-src="https://freight.cargo.site/t/original/i/e44271a9cebdfab94f1f3a5d9809491ca5bcf8ea8a409b84bc91fa94704978fd/0722_Billboard-mockup.png" data-mid="203685800" border="0" alt="Billboard" data-caption="Billboard" src="https://freight.cargo.site/w/1000/i/e44271a9cebdfab94f1f3a5d9809491ca5bcf8ea8a409b84bc91fa94704978fd/0722_Billboard-mockup.png" /&#62;
&#60;img width="2000" height="2000" width_o="2000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/bc7c1ab023d3782dfedc50b74aa934c5e264179914d424bea1bd6888e19ccc7f/Program_Mockup-3.png" data-mid="203685808" border="0" alt="Weekly events booklets" data-caption="Weekly events booklets" src="https://freight.cargo.site/w/1000/i/bc7c1ab023d3782dfedc50b74aa934c5e264179914d424bea1bd6888e19ccc7f/Program_Mockup-3.png" /&#62;


    ︎︎︎&#38;nbsp;Back
    
    
    Next&#38;nbsp;︎︎︎
    
    
.gallery_image_caption {
	text-align: center;
}

ul {
    list-style: none;
    padding: 0;
    margin:0 1.5em;
}

ul li:before
{
    content: '︎︎︎';
    float: left; 
    /*margin: 0 0.5em; */
    margin-left: -1.5em;
}

li{
	padding-bottom: 0.5rem;
}

html {
	scroll-behavior: smooth;
}
</description>
		
	</item>
		
		
	<item>
		<title>Crosley Display</title>
				
		<link>https://lepajuju.design/Crosley-Display</link>

		<pubDate>Wed, 23 Oct 2024 20:37:37 +0000</pubDate>

		<dc:creator>Lepa Juju Stojanovic</dc:creator>

		<guid isPermaLink="true">https://lepajuju.design/Crosley-Display</guid>

		<description>&#60;img src="https://freight.cargo.site/t/original/i/2aa74c2723eadfae55ff0e60ff863672aece63f849a8cb4f6fc0d99a60343f7f/Crosley-Header_241103.png" style="width:100%; object-position:top center;" class="crop-header"&#62;


    Summer 2024
 Crosley Display Face
    

    	INTERN PROJECT
    	Display Type Design · Glyphs App
        Features
        Creative Review Magazine︎︎︎
        
        
    	Crosley is an octic slab-serif display face and typographic ode to brutalist landmark of University of Cincinnati, Crosley Tower. Both loved and hated for its strangeness and lore, the 16-story tower is the tallest single-pour concrete structure in
the world.*

This project was an intern project done during my time working at Order︎︎︎ under the mentorship of&#38;nbsp;Order Type Foundry︎︎︎.

  	    
&#60;img width="2400" height="1200" width_o="2400" height_o="1200" data-src="https://freight.cargo.site/t/original/i/9b5b8ab472e75f9de51b5e55e00be6b3a6e3ca4e33f0a5150a45c74d1585f0e8/uc-campus_1975.png" data-mid="220226246" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/9b5b8ab472e75f9de51b5e55e00be6b3a6e3ca4e33f0a5150a45c74d1585f0e8/uc-campus_1975.png" /&#62;
&#60;img width="8001" height="4501" width_o="8001" height_o="4501" data-src="https://freight.cargo.site/t/original/i/f2a70090706510671d6764a6624b0a3338a7bd4f26e98858ed2a9c8df4ee5c2e/Artboard-1-copy-33.png" data-mid="220226188" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/f2a70090706510671d6764a6624b0a3338a7bd4f26e98858ed2a9c8df4ee5c2e/Artboard-1-copy-33.png" /&#62;
&#60;img width="8001" height="3251" width_o="8001" height_o="3251" data-src="https://freight.cargo.site/t/original/i/4c06c8245b8366e119397de6f82ae7754ab272294257f06556cd019584471b87/Portfolio-banner_1.png" data-mid="220226189" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/4c06c8245b8366e119397de6f82ae7754ab272294257f06556cd019584471b87/Portfolio-banner_1.png" /&#62;


History

	
    Crosley Tower, designed by A.M. Kinney and Associates, was built in 1969 to house the university’s chemistry department.
	

Click to Pause.

&#60;img width="2387" height="1321" width_o="2387" height_o="1321" data-src="https://freight.cargo.site/t/original/i/4b5dd19483d2036b22204fa66633aa110280e33cd2059b22c1a4ec2ac3dc34a6/October_25_1970.png" data-mid="220226414" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/4b5dd19483d2036b22204fa66633aa110280e33cd2059b22c1a4ec2ac3dc34a6/October_25_1970.png" /&#62;
&#60;img width="1920" height="1062" width_o="1920" height_o="1062" data-src="https://freight.cargo.site/t/original/i/2e262ac7094fda9f0a876314727eecb502345d81ad54e6b188228c48c85117c9/1NaZ6qvdrbFMBxvZxQsk59mAoQFESvOSInwGVgnix_qQL6SDS.png" data-mid="220445686" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/2e262ac7094fda9f0a876314727eecb502345d81ad54e6b188228c48c85117c9/1NaZ6qvdrbFMBxvZxQsk59mAoQFESvOSInwGVgnix_qQL6SDS.png" /&#62;
&#60;img width="1920" height="1062" width_o="1920" height_o="1062" data-src="https://freight.cargo.site/t/original/i/eb1e4b838487f80d0d5fc9e8796a6f358b2b46021baeca5a107f71ee125284a0/Web-Image-gallery-17-Chemistry-1970s.png" data-mid="220445687" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/eb1e4b838487f80d0d5fc9e8796a6f358b2b46021baeca5a107f71ee125284a0/Web-Image-gallery-17-Chemistry-1970s.png" /&#62;


    At 16 stories tall, it was constructed through a continuous single pour of concrete over the course of 18 straight days, making it the tallest continuous-pour concrete structure in the world.*
	
    
&#60;img src="https://freight.cargo.site/t/original/i/0cec653982a05b392e14fc3e9819b3d7b547eeddda9eeed4cbe8332bcca1fab4/slip-form-method.png" style="width:100%;"&#62;


	Many sources claim Crosley Tower to be the second-largest single-pour concrete structure in the world, behind only the Hoover Dam. However, this is incorrect as the Hoover Dam could not feasibly be constructed in a single pour. There are other recorded large-scale continuous concrete pours, but none that I can find as tall as Crosley.
	

    But the impact of Crosley stretches much further than just feats of engineering.
    
	
&#60;img src="https://freight.cargo.site/t/original/i/d0500eb05fd18a18bc11900531c54d52f2b0cdbb734d99fee3eef1222a9b2e8c/crosley-reach.png" style="width:100%;"&#62;


Culture

	
    Whether you love it or hate it, everyone has an opinion on the brutalist landmark, as just a scroll through its Google reviews will show you.
    
	
Click to Pause.

&#60;img width="1352" height="342" width_o="1352" height_o="342" data-src="https://freight.cargo.site/t/original/i/fdce5187e0a3b6108ce17122ccc96d81ee69288cb73efbc3a7098282ee99a725/1_Noel-Herrera.png" data-mid="220459467" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/fdce5187e0a3b6108ce17122ccc96d81ee69288cb73efbc3a7098282ee99a725/1_Noel-Herrera.png" /&#62;
&#60;img width="1352" height="341" width_o="1352" height_o="341" data-src="https://freight.cargo.site/t/original/i/0b37c7d634e4a77c2e2c491357f9c1a6d069f86bba1a71435b77df6cddc423aa/2_Laudy.png" data-mid="220459468" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/0b37c7d634e4a77c2e2c491357f9c1a6d069f86bba1a71435b77df6cddc423aa/2_Laudy.png" /&#62;
&#60;img width="1352" height="341" width_o="1352" height_o="341" data-src="https://freight.cargo.site/t/original/i/f56b1f222f0989029018c7f84cc1ef97f6e46ea00e7bcb9315ac05ec3b6df082/3_Sophie-Matacia.png" data-mid="220459469" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/f56b1f222f0989029018c7f84cc1ef97f6e46ea00e7bcb9315ac05ec3b6df082/3_Sophie-Matacia.png" /&#62;
&#60;img width="1352" height="341" width_o="1352" height_o="341" data-src="https://freight.cargo.site/t/original/i/25c286037dface18416328e74b0e5ab0c5226d9b817297e7a3a3414d45634b03/4_garr-frik.png" data-mid="220459470" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/25c286037dface18416328e74b0e5ab0c5226d9b817297e7a3a3414d45634b03/4_garr-frik.png" /&#62;
&#60;img width="1352" height="391" width_o="1352" height_o="391" data-src="https://freight.cargo.site/t/original/i/87936c6b78d282d15bbf92d84fb08079419a795a992ac8c83bddd4f043d32a5c/5_David-Terschak.png" data-mid="220459471" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/87936c6b78d282d15bbf92d84fb08079419a795a992ac8c83bddd4f043d32a5c/5_David-Terschak.png" /&#62;
&#60;img width="1352" height="342" width_o="1352" height_o="342" data-src="https://freight.cargo.site/t/original/i/c862eaecd3d655595a33a99113719f7916dfc22a0883aa4a992358e7d4ce8141/6_Adam-Melvin.png" data-mid="220459472" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/c862eaecd3d655595a33a99113719f7916dfc22a0883aa4a992358e7d4ce8141/6_Adam-Melvin.png" /&#62;
&#60;img width="1556" height="392" width_o="1556" height_o="392" data-src="https://freight.cargo.site/t/original/i/c87b60174026f9b1946b4edbe5c90b49713798b9e9a0b3a21d5a889a081b4463/7_Screenshot-2024-08-08-at-3.15.37PM.png" data-mid="220459586" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/c87b60174026f9b1946b4edbe5c90b49713798b9e9a0b3a21d5a889a081b4463/7_Screenshot-2024-08-08-at-3.15.37PM.png" /&#62;
&#60;img width="1352" height="342" width_o="1352" height_o="342" data-src="https://freight.cargo.site/t/original/i/4534419a724ec7e9db867964995f08f118dc24f29c55d15aa59312fbbd133a8d/8_Frank-Mularcik.png" data-mid="220459474" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/4534419a724ec7e9db867964995f08f118dc24f29c55d15aa59312fbbd133a8d/8_Frank-Mularcik.png" /&#62;
&#60;img width="1352" height="376" width_o="1352" height_o="376" data-src="https://freight.cargo.site/t/original/i/685b455cdde1aa4f260a76a8d99aad45fd757c1800954f41bdd4f6e1db27cbb4/9_Lucas-Fields.png" data-mid="220459475" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/685b455cdde1aa4f260a76a8d99aad45fd757c1800954f41bdd4f6e1db27cbb4/9_Lucas-Fields.png" /&#62;


    It has gathered a cult following that embraces its quirky little features with equally quirky tributes.
 
    
Click to view closer.

&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/dbcf65d2880a2cba1b1b5aecef1d05c841babeb0c36c4d51931573d0a8052b4f/am3lrz4s02yb1.png" data-mid="220427827" border="0"  src="https://freight.cargo.site/w/1000/i/dbcf65d2880a2cba1b1b5aecef1d05c841babeb0c36c4d51931573d0a8052b4f/am3lrz4s02yb1.png" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a5d8c0de700da2db5f0bac5c00ac76a92a1dbcc8d00998b723851bd42cfc1c63/mom-never-loved-me.png" data-mid="220429049" border="0"  src="https://freight.cargo.site/w/1000/i/a5d8c0de700da2db5f0bac5c00ac76a92a1dbcc8d00998b723851bd42cfc1c63/mom-never-loved-me.png" /&#62;
&#60;img width="600" height="600" width_o="600" height_o="600" data-src="https://freight.cargo.site/t/original/i/c589471f2727bf822e4d07b5c920c6e8a643b92c9bb2ab0ea5fa0de7e1e7c227/buwutal.gif" data-mid="221086603" border="0"  src="https://freight.cargo.site/w/600/i/c589471f2727bf822e4d07b5c920c6e8a643b92c9bb2ab0ea5fa0de7e1e7c227/buwutal.gif" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c12dfd19d55029b6df50e1f8dc82fdbf61b22c7192c47bf02425009c67d31633/hoover-dam.png" data-mid="220427851" border="0"  src="https://freight.cargo.site/w/1000/i/c12dfd19d55029b6df50e1f8dc82fdbf61b22c7192c47bf02425009c67d31633/hoover-dam.png" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/26099e3af75c1f625ea1bb1a390a714be0a2d167ec85637e21d651800f5b0132/Screenshot-2024-06-28-at-10.30.png" data-mid="220427855" border="0"  src="https://freight.cargo.site/w/1000/i/26099e3af75c1f625ea1bb1a390a714be0a2d167ec85637e21d651800f5b0132/Screenshot-2024-06-28-at-10.30.png" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/cf320135798891d806b8b9089d60225bdfdbc9fc76d8d001e675debcf32bb7ed/Screenshot-2024-08-01-at-5.55.png" data-mid="220427869" border="0"  src="https://freight.cargo.site/w/1000/i/cf320135798891d806b8b9089d60225bdfdbc9fc76d8d001e675debcf32bb7ed/Screenshot-2024-08-01-at-5.55.png" /&#62;
&#60;img width="1080" height="1077" width_o="1080" height_o="1077" data-src="https://freight.cargo.site/t/original/i/e3ad1629648c3e0c6ce1460de03492ab0d8f43fa8eb082faab41754b6a9ad288/Screenshot-2024-06-28-at-10.40.png" data-mid="220427864" border="0"  src="https://freight.cargo.site/w/1000/i/e3ad1629648c3e0c6ce1460de03492ab0d8f43fa8eb082faab41754b6a9ad288/Screenshot-2024-06-28-at-10.40.png" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/80303ee24088442695e083c0d77e44207c3378f14f09d9705b80122ea44632f5/Screenshot-2024-06-28-at-10.37.png" data-mid="220427860" border="0"  src="https://freight.cargo.site/w/1000/i/80303ee24088442695e083c0d77e44207c3378f14f09d9705b80122ea44632f5/Screenshot-2024-06-28-at-10.37.png" /&#62;
&#60;img width="600" height="600" width_o="600" height_o="600" data-src="https://freight.cargo.site/t/original/i/b99e01df3c5f3db3194c33d30527c3bb490e0ae381c7e6d019559a601c27640e/crosley-lights.gif" data-mid="221086604" border="0"  src="https://freight.cargo.site/w/600/i/b99e01df3c5f3db3194c33d30527c3bb490e0ae381c7e6d019559a601c27640e/crosley-lights.gif" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/1dbbb3fad06f8816cba120e87f80513ba91dd67aa23a17f01826056ce2884126/Screenshot-2024-08-01-at-6.26.png" data-mid="220427877" border="0"  src="https://freight.cargo.site/w/1000/i/1dbbb3fad06f8816cba120e87f80513ba91dd67aa23a17f01826056ce2884126/Screenshot-2024-08-01-at-6.26.png" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ad58fe00d1b267a3e81a79e5a7a77283ea29f7d290a3412abacfe4223b865153/EIaQ3cGWsAAEVbm.png" data-mid="220427832" border="0"  src="https://freight.cargo.site/w/1000/i/ad58fe00d1b267a3e81a79e5a7a77283ea29f7d290a3412abacfe4223b865153/EIaQ3cGWsAAEVbm.png" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/eee6a3dab3da2861e9ae0234969cc01b6bd5e14d32b0edcddbc65b51b1a1dc35/Screenshot-2024-08-01-at-6.38.png" data-mid="220427887" border="0"  src="https://freight.cargo.site/w/1000/i/eee6a3dab3da2861e9ae0234969cc01b6bd5e14d32b0edcddbc65b51b1a1dc35/Screenshot-2024-08-01-at-6.38.png" /&#62;


From Crosley Tower Appreciation Club


    Unfortunately, a single-pour of concrete isn’t easy to maintain and the building has started to crumble. The demolition process has already begun, and in a couple years, Crosley will be no more.

But through these silly little odes to Crosley, we can preserve its memory. 

    
    &#60;img src="https://freight.cargo.site/t/original/i/b25e89ba97e5113bc179d64c9312ee7ecacaeefbdc135dbdb94a98d1f7576732/CROSLEY-HISTORY_7.png" style="width:100%"&#62;
    

    And what better ode to Crosley is there than its own typeface?
    
	
&#60;img src="https://freight.cargo.site/t/original/i/b7d2ce36a02f4e613ca38635e39d83b7a5e3e68a5aa60078fb19c92ace6fe9c8/character-set_241028.png" style="width:100%"&#62;


Details from tower to typeface

	
    The typeface takes its forms directly from the iconic details of the building:
	
    
Hover to reveal.


    &#60;img src="https://freight.cargo.site/t/original/i/ce199788686d61b3195c14db295756f356602d12d12711b7aad3874be92d886f/crosley-detailsa.png" style="width:100%"&#62;
    
    
    &#60;img src="https://freight.cargo.site/t/original/i/d273262ff38852f406131ebd1628fa2f10338baac81372f29a131410db7df8e4/crosley-detailsc.png" style="width:100%"&#62;
    
    
    Looking to the tower's silhouette for the chunky, angled slab serifs
    
	
    &#60;img src="https://freight.cargo.site/t/original/i/76cedb3ae40f71ea552f321148dce53f8d98a41d334995e8f2a34f2c289becf1/crosley-details2a.png" style="width:100%"&#62;
    
    
    &#60;img src="https://freight.cargo.site/t/original/i/85627dc5906683996b9446cab110d0ec502dd9d266352764f7ac0016abe2ba3e/crosley-details2c.png" style="width:100%"&#62;
    
    
    To the "eyes" at the top of the building for circular counters, contrasting the rigid angular exterior
    
	
    &#60;img src="https://freight.cargo.site/t/original/i/2572d985f949abbf3ddc40d073ddbeeeb2df08fa92a36774d7e569369c4105c5/crosley-details3a.png" style="width:100%"&#62;
    
    
    &#60;img src="https://freight.cargo.site/t/original/i/8d412d5a382cbc5dea5735538005703abd0f5a7dd6fb12f6055c299e8c58ca08/crosley-details3c.png" style="width:100%"&#62;
    
    
    To the inset windows for the notches that help to enclose the circular counters
	
    
    &#60;img src="https://freight.cargo.site/t/original/i/2f4a84e3534f8e323f3cf71fa248d40c131ae2de1f0ba931f5109f0b7902b17f/crosley-details4a.png" style="width:100%"&#62;
    
    
    &#60;img src="https://freight.cargo.site/t/original/i/9c879e414c0c083bac76703dc5acccbd8a6e9c43e703f21a74ef8e76744fa10b/Artboard-73.png" style="width:100%"&#62;
    
    
    And, as the home to UC’s chemistry department, the letterforms also reflect the content held within the building’s classrooms
    

    Even thinking about letterforms that feel like they themselves could be constructed through a continuous pour of concrete.
	

&#60;img src="https://freight.cargo.site/t/original/i/85094401758441535d51cdef33c4cc9a06e13791f6b4101d1c0cd1104f04c13a/CROSLEY-ANIMATION-PORTFOLIO-CROP.gif" style="width:100%;"&#62;


    Achieving this by "filling in" the gaps that would normally separate strokes with concrete.
	
    &#60;img src="https://freight.cargo.site/t/original/i/6fca15bf7f82a3e966990202b51b15251946f6fc8e4454a6f02a0317c947eda3/crosley-details5b.gif" style="width:100%"&#62;
    

    The widths of the capitals even take a brutalist approach — the size of the counters dictate the width, even when it creates uncomfortable results.

	
&#60;img src="https://freight.cargo.site/t/original/i/fa95f246758ab523a5afac04b2ef2113e483dd67ca6b464531abe0f846b2bafe/crosley-widths.png" style="width:100%"&#62;


    Open type features offer alternative glyphs that embody the building in different ways, case-sensitive punctuation and symbols, and small numerals for scientific applications.

	
Click to pause.

&#60;img width="2000" height="1125" width_o="2000" height_o="1125" data-src="https://freight.cargo.site/t/original/i/cf9697e7cfd595788a9f1ba7b22669110a7e29c17bbcdef9f5a2a8cf30a63757/crosley_open-type_.png" data-mid="220526942" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/cf9697e7cfd595788a9f1ba7b22669110a7e29c17bbcdef9f5a2a8cf30a63757/crosley_open-type_.png" /&#62;
&#60;img width="2000" height="1125" width_o="2000" height_o="1125" data-src="https://freight.cargo.site/t/original/i/f54ce25ac52b471470e08ccb17a8a649ea560a30f0e654bd79faf762720b10af/crosley_open-type_2.png" data-mid="220526951" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/f54ce25ac52b471470e08ccb17a8a649ea560a30f0e654bd79faf762720b10af/crosley_open-type_2.png" /&#62;
&#60;img width="2000" height="1125" width_o="2000" height_o="1125" data-src="https://freight.cargo.site/t/original/i/ca4a3d0244d495db191db662b1e8e5508cc4b462ca680c3dc384d834540ff0b7/crosley_open-type_3.png" data-mid="220526961" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/ca4a3d0244d495db191db662b1e8e5508cc4b462ca680c3dc384d834540ff0b7/crosley_open-type_3.png" /&#62;


A brutal legacy

	
    Like the tower and its fanbase, Crosley Display doesn’t take itself too seriously — it’s brutalist, but cute; it’s industrial, but warm; and it disregards typical type design conventions.
    This all results in a typeface that carries the spirit of the architecture itself, as well as, the fans, memes, chemistry labs, and legacy. Not everyone shares the same feelings for Crosley Tower, but its eventual absence will certainly be noticed far and wide.

	
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/59912214e2310139181e10c46b94461bb54a01be441e767af568965ac0ba7805/CROSLEY-IN-USE_2.png" data-mid="221078030" border="0"  src="https://freight.cargo.site/w/1000/i/59912214e2310139181e10c46b94461bb54a01be441e767af568965ac0ba7805/CROSLEY-IN-USE_2.png" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/e311993584c6b065b01a6492077d1bfa57d5f4856c521dce3b0701fdd1c550e7/CROSLEY-IN-USE_3.png" data-mid="221078031" border="0"  src="https://freight.cargo.site/w/1000/i/e311993584c6b065b01a6492077d1bfa57d5f4856c521dce3b0701fdd1c550e7/CROSLEY-IN-USE_3.png" /&#62;
&#60;img width="840" height="840" width_o="840" height_o="840" data-src="https://freight.cargo.site/t/original/i/3eccca2f5bcf6b7deb2c9624cd38e31430e875e2c3c5847e6075ae478601c0da/grotesk-specimen_small.gif" data-mid="221078329" border="0"  src="https://freight.cargo.site/w/840/i/3eccca2f5bcf6b7deb2c9624cd38e31430e875e2c3c5847e6075ae478601c0da/grotesk-specimen_small.gif" /&#62;
&#60;img width="960" height="960" width_o="960" height_o="960" data-src="https://freight.cargo.site/t/original/i/4d9ca72140e3e9a64e812a466d4124f9d3a2fcb038b482260467c9eeb6e992c4/CROSLEY-DETAILS_9c.gif" data-mid="221086340" border="0"  src="https://freight.cargo.site/w/960/i/4d9ca72140e3e9a64e812a466d4124f9d3a2fcb038b482260467c9eeb6e992c4/CROSLEY-DETAILS_9c.gif" /&#62;
&#60;img width="2400" height="1200" width_o="2400" height_o="1200" data-src="https://freight.cargo.site/t/original/i/858c7ed314184e26989aff1c53719679f8dc22ad34586f4d7383c2c7e4f72d28/MockupMaison_BK_E03.png" data-mid="221078551" border="0"  src="https://freight.cargo.site/w/1000/i/858c7ed314184e26989aff1c53719679f8dc22ad34586f4d7383c2c7e4f72d28/MockupMaison_BK_E03.png" /&#62;
&#60;img width="2000" height="1335" width_o="2000" height_o="1335" data-src="https://freight.cargo.site/t/original/i/4dec7477cd0df6f11a2785f08cb0b0663e63a0ea36a83d99d0f886d63d383860/shutterstock_147606467.png" data-mid="221078552" border="0"  src="https://freight.cargo.site/w/1000/i/4dec7477cd0df6f11a2785f08cb0b0663e63a0ea36a83d99d0f886d63d383860/shutterstock_147606467.png" /&#62;
&#60;img width="2400" height="1331" width_o="2400" height_o="1331" data-src="https://freight.cargo.site/t/original/i/58b4746bfd456944e0dac67ed0381facc102801c97126d4386727f9797704e0c/CROSLEY-DETAILS_8a.png" data-mid="221078714" border="0"  src="https://freight.cargo.site/w/1000/i/58b4746bfd456944e0dac67ed0381facc102801c97126d4386727f9797704e0c/CROSLEY-DETAILS_8a.png" /&#62;
&#60;img width="2000" height="1307" width_o="2000" height_o="1307" data-src="https://freight.cargo.site/t/original/i/3504bd6246c07f036fbb8803873a6700d0d414f8ed12c7b2149deb03b6e95e87/shutterstock_415163857.png" data-mid="221078553" border="0"  src="https://freight.cargo.site/w/1000/i/3504bd6246c07f036fbb8803873a6700d0d414f8ed12c7b2149deb03b6e95e87/shutterstock_415163857.png" /&#62;
&#60;img width="2000" height="1333" width_o="2000" height_o="1333" data-src="https://freight.cargo.site/t/original/i/fb9035cd5e55b05d3c5cfc4fde84d08c5eed3be57c31857041d06f24ba2fe3b0/shutterstock_1844605429.png" data-mid="221078554" border="0"  src="https://freight.cargo.site/w/1000/i/fb9035cd5e55b05d3c5cfc4fde84d08c5eed3be57c31857041d06f24ba2fe3b0/shutterstock_1844605429.png" /&#62;
&#60;img width="2400" height="1165" width_o="2400" height_o="1165" data-src="https://freight.cargo.site/t/original/i/5d9f8ecd8451aad7375b61d18f09e1a83feb1f03ca9ed150ba026012757726bf/CROSLEY-DETAILS_8b.png" data-mid="221078715" border="0"  src="https://freight.cargo.site/w/1000/i/5d9f8ecd8451aad7375b61d18f09e1a83feb1f03ca9ed150ba026012757726bf/CROSLEY-DETAILS_8b.png" /&#62;
&#60;img width="1920" height="1242" width_o="1920" height_o="1242" data-src="https://freight.cargo.site/t/original/i/f06ce44708756472924634ec70b8ab23a5828d3fde730fa0764e51c837ee8565/shutterstock_732762844_crop.png" data-mid="221086122" border="0"  src="https://freight.cargo.site/w/1000/i/f06ce44708756472924634ec70b8ab23a5828d3fde730fa0764e51c837ee8565/shutterstock_732762844_crop.png" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/e33e2e5e0ab605c3892f3ad01a552e31fd26016eda5de157a0a39a2242db13c6/CROSLEY-IN-USE_5.png" data-mid="221078607" border="0"  src="https://freight.cargo.site/w/1000/i/e33e2e5e0ab605c3892f3ad01a552e31fd26016eda5de157a0a39a2242db13c6/CROSLEY-IN-USE_5.png" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/911e74ae08f03220ad6dfd5fe70a0f62812696b75d16545406fad4f9797beb68/CROSLEY-IN-USE_6.png" data-mid="221078608" border="0"  src="https://freight.cargo.site/w/1000/i/911e74ae08f03220ad6dfd5fe70a0f62812696b75d16545406fad4f9797beb68/CROSLEY-IN-USE_6.png" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b1874c9f14523f3ff07ab64984e931a04cc29aa84e9ab87278f57f661c61cab4/CROSLEY-IN-USE_7.png" data-mid="221078609" border="0"  src="https://freight.cargo.site/w/1000/i/b1874c9f14523f3ff07ab64984e931a04cc29aa84e9ab87278f57f661c61cab4/CROSLEY-IN-USE_7.png" /&#62;


    ︎︎︎&#38;nbsp;Back
    
    
    Next&#38;nbsp;︎︎︎
    
    
bodycopy.subtitle a {
	font-weight: 500 !important;
}

bodycopy.subtitle a:hover {
	font-weight: 700 !important;
}

.crop-header-ashton {
		width:100%; 
        height:auto; 
        object-fit:cover;
        object-position: center bottom;
}

.push-shove {
	width:100%;
}

.gallery_image_caption {
	text-align: center;
}

html {
	scroll-behavior: smooth;
}

ul {
    list-style: none;
    padding: 0;
    margin:0 0.75rem;
}

ul li:before
{
    content: '*';
    float: left; 
    /*margin: 0 0.5em; */
    margin-left: -0.75rem;
}

li{
	padding-bottom: 0.5rem;
}

.second-img {
	display: none;
}

.img-wrapper {
	margin: -1.5rem -3rem 0rem;
}

.img-wrapper:hover &#62; .second-img {
	display: block;
}

.img-wrapper:hover &#62; .first-img {
	display: none;
}

</description>
		
	</item>
		
		
	<item>
		<title>Rodeo Gothic Display Typeface</title>
				
		<link>https://lepajuju.design/Rodeo-Gothic-Display-Typeface</link>

		<pubDate>Fri, 12 Jan 2024 18:25:38 +0000</pubDate>

		<dc:creator>Lepa Juju Stojanovic</dc:creator>

		<guid isPermaLink="true">https://lepajuju.design/Rodeo-Gothic-Display-Typeface</guid>

		<description>&#60;img src="https://freight.cargo.site/t/original/i/88307f3caed472bd3bfdabefb540d3568ac0363ecfdce62aa37f9e8e86c187a3/Rodeo-Gothic_Header-Image_smalltype_01324.png" style="width:100%; object-position:center center;" class="crop-header"&#62;


    Fall 2023
 Rodeo Gothic Display Typeface
    

    	PERSONAL PROJECT
    	Display Type Design · Glyphs App
        Features
        Creative Review Magazine︎︎︎
        
    	Rodeo Gothic is a display typeface that evokes both the knights of the Round Table and the cowboys of the Wild West. A mash-up of Western and Blackletter type, it’s a little bit "Ye Olde" and a little bit "Yeehaw!"

This project is my first ever attempt at designing my own typeface, and the end result of my first formal type design class — a 10-week workshop with Juan Villanueva on the Foundations of Display Type Design through Type Electives︎︎︎.

  	    
&#60;img width="8001" height="4501" width_o="8001" height_o="4501" data-src="https://freight.cargo.site/t/original/i/f9c883995f17d5164e7754581cac77ce576d9bc446cff389d61670bc83a2c8b5/AZ_ch-set_042924.png" data-mid="209957535" border="0"  src="https://freight.cargo.site/w/1000/i/f9c883995f17d5164e7754581cac77ce576d9bc446cff389d61670bc83a2c8b5/AZ_ch-set_042924.png" /&#62;
&#60;img width="8001" height="4501" width_o="8001" height_o="4501" data-src="https://freight.cargo.site/t/original/i/17b3f3f2679af7b32d0052153058283473786218f9b4af73c29022852d03f647/Closeup_mockup.png" data-mid="201591927" border="0"  src="https://freight.cargo.site/w/1000/i/17b3f3f2679af7b32d0052153058283473786218f9b4af73c29022852d03f647/Closeup_mockup.png" /&#62;
&#60;img width="5761" height="2183" width_o="5761" height_o="2183" data-src="https://freight.cargo.site/t/original/i/a42fc63b7ca5a3846c2a5db9a11746d46fc316cf44ebc0436edd554f4011cdb6/giddyup.png" data-mid="209957541" border="0"  src="https://freight.cargo.site/w/1000/i/a42fc63b7ca5a3846c2a5db9a11746d46fc316cf44ebc0436edd554f4011cdb6/giddyup.png" /&#62;


What do Western type and Blackletter have in common?

	
    The idea for Rodeo Gothic came out of a blackletter-ish sketch where I was playing with the space-filling internal ornamentation of blackletter. I realized that these little diamond strokes reminded me of the sharp spurs that are sometimes seen in western type.
	

&#60;img src="https://freight.cargo.site/t/original/i/aaf5979e4f5747120a9e018e0f478ecadf9679f1c6b25ed8677607dbbd61ae0e/spur-process.png" style="width:100%;"&#62;


Breaking down research

	
    To figure out how to bring these drastically different worlds together, I studied references for Western woodcut type and Blackletter calligraphy. I then identified some defining elements that commonly occur in each style and started thinking about which ones I could take into my mash-up.
	
    
    Blackletter
    Originates from broad-nib pen
	Distinct and complex letterform construction
	Space-filling internal ornamentation and double-strokes
	45-degree stroke contrast
    High stroke contrast

    
    Western
    Originates from woodcut type
	Exagerrated widths, i.e., narrow or extended
	Vertically centered spurs
    Horizontal contrast
	High stroke contrast

    
&#60;img src="https://freight.cargo.site/t/original/i/dbfbd8af79d93590c6c24808ab30488fc6ae6b1df12b79d9278c153426b1a589/country_blackletter_inspo_2.png" style="width:100%;"&#62;


Calligraphic ideation

	
    With these style elements in mind, I quickly sketched, trying to understand how I could create a set of rules that could apply to the various constructions of letterforms by using the tool from which blackletter originates: the broad nib pen.
    
	
&#60;img src="https://freight.cargo.site/t/original/i/d99af1137a3e313208c265f76c4854a8cc893e3ad9ffa34ad30865adcb1ebd27/nib-process_large.png" style="width:100%;"&#62;


Handling stroke contrast with a monoline approach

	
    One of the greatest hurdles for me during ideation, was figuring out how to handle the stroke contrast of my mash-up. Blackletter and Western type are two styles in which contrast can be one of the most visually defining characteristics, but the two have very opposite approaches to contrast.
    
    My breakthrough moment was when I saw a monoline interpretation of blackletter and realized that I could use this to keep the rough skeleton of Blackletter construction, while giving extra weight to the horizontals to create the signature Western look of reverse contrast.
    
    
    &#60;img width="1375" height="950" width_o="1375" height_o="950" data-src="https://freight.cargo.site/t/original/i/80bf6cd6efc6585dedeaaa11e1863d7e6b21823ce949240845d81f4d2dacdd8a/mono-blackletter_white.png" data-mid="201650377" border="0" data-no-zoom alt="Credit: Matthew Smith" data-caption="Credit: Matthew Smith" src="https://freight.cargo.site/w/1000/i/80bf6cd6efc6585dedeaaa11e1863d7e6b21823ce949240845d81f4d2dacdd8a/mono-blackletter_white.png" /&#62;
    Credit: Matthew Smith
    

Final direction

	
    The final direction was born with a sketch of the word, "RODEO," where the letterforms loosely retain Blackletter construction combined with the wide horizontal stress common in Western type.
 
    
    As I began the lowercase control characters, I wanted them to have a similar level of Blackletter-ish ornamentation to the uppercase, even though lowercase Blackletter traditionally does not appear that way.
    

Click to Pause.


&#60;img width="1920" height="452" width_o="1920" height_o="452" data-src="https://freight.cargo.site/t/original/i/7ab1fdf4a215b15db323193fa869305325cc2962f5d79a94c976e858bdff9014/rodeo-process_sketch.png" data-mid="201649769" border="0" data-scale="90" src="https://freight.cargo.site/w/1000/i/7ab1fdf4a215b15db323193fa869305325cc2962f5d79a94c976e858bdff9014/rodeo-process_sketch.png" /&#62;
&#60;img width="1920" height="452" width_o="1920" height_o="452" data-src="https://freight.cargo.site/t/original/i/eae24724bcfca5184ab6750dd8069df0c8045ee28a1579999f942e9d28a44917/rodeo-process_final.png" data-mid="201649764" border="0" data-scale="90" src="https://freight.cargo.site/w/1000/i/eae24724bcfca5184ab6750dd8069df0c8045ee28a1579999f942e9d28a44917/rodeo-process_final.png" /&#62;
&#60;img width="1920" height="452" width_o="1920" height_o="452" data-src="https://freight.cargo.site/t/original/i/ee9138251de1ba5786fbb329eec06d9727c226e3d590a6b05fbe883a8a80f0e4/onpv-process_sketch.png" data-mid="201649759" border="0" data-scale="90" src="https://freight.cargo.site/w/1000/i/ee9138251de1ba5786fbb329eec06d9727c226e3d590a6b05fbe883a8a80f0e4/onpv-process_sketch.png" /&#62;
&#60;img width="1920" height="452" width_o="1920" height_o="452" data-src="https://freight.cargo.site/t/original/i/5dcd0e98d62dadec90c5e6e7d2c0c02ed404ad70c43e6023763f17b94b9833d6/onpv-process_final.png" data-mid="201649758" border="0" data-scale="90" src="https://freight.cargo.site/w/1000/i/5dcd0e98d62dadec90c5e6e7d2c0c02ed404ad70c43e6023763f17b94b9833d6/onpv-process_final.png" /&#62;


Troubleshooting difficult letters

	
    With such a specific set of visual rules, two of the trickiest letters to figure out were the lowercase g and y. I tried both single- and double-story g's, and different constructions of the y that were more or less Blackletter. The short descenders also made it a challenge to figure out where to put the heavy strokes versus the doubled thin strokes.
 
    
&#60;img src="https://freight.cargo.site/t/original/i/2d0b0e5c9842b3d29a1179c7ca64b110e3dd084182586ebd3af5e74bf0bbfe5f/g-y_letter-process.gif" style="width:90%;"&#62;


Ye Olde, Yeehaw

	
    I wanted the final typeface to truly feel halfway between the illuminated manuscripts of Medieval times, and the saloons of the Wild West, while also belonging to neither world at all.

 
    Star shapes like Blackletter ornamentation and cowboy boot spurs
    Lattice-like linework evokes stained glass
    Exaggeratedly extended Western width
    Wide round forms inspired by looping lassos
    
    
&#60;img width="3841" height="721" width_o="3841" height_o="721" data-src="https://freight.cargo.site/t/original/i/b5b973d3252a97d7df69fda0d62d19544f171939a859839878949fa3c4c102b0/giddyup-copy-2_0127.png" data-mid="202959701" border="0"  src="https://freight.cargo.site/w/1000/i/b5b973d3252a97d7df69fda0d62d19544f171939a859839878949fa3c4c102b0/giddyup-copy-2_0127.png" /&#62;
&#60;img width="1920" height="1920" width_o="1920" height_o="1920" data-src="https://freight.cargo.site/t/original/i/d225db2bfa6d9b3a438de03bd69d4a31813570c63ad0e2d990f7832050cfefa0/04-30_manuscript.png" data-mid="210027613" border="0"  src="https://freight.cargo.site/w/1000/i/d225db2bfa6d9b3a438de03bd69d4a31813570c63ad0e2d990f7832050cfefa0/04-30_manuscript.png" /&#62;
&#60;img width="4501" height="4501" width_o="4501" height_o="4501" data-src="https://freight.cargo.site/t/original/i/03cc189200f43fce6c8061485193bc0face6a1fa14275510829eb9c84391a04a/Juju_Stojanovic_08.png" data-mid="201668926" border="0"  src="https://freight.cargo.site/w/1000/i/03cc189200f43fce6c8061485193bc0face6a1fa14275510829eb9c84391a04a/Juju_Stojanovic_08.png" /&#62;
&#60;img width="2161" height="1961" width_o="2161" height_o="1961" data-src="https://freight.cargo.site/t/original/i/3e463c618cc6b4595966838df1a6c2a34357538f5d0c77bcae20a7abb9f8f368/Juju_Stojanovic_07_0127.png" data-mid="202958586" border="0"  src="https://freight.cargo.site/w/1000/i/3e463c618cc6b4595966838df1a6c2a34357538f5d0c77bcae20a7abb9f8f368/Juju_Stojanovic_07_0127.png" /&#62;
&#60;img width="2170" height="2170" width_o="2170" height_o="2170" data-src="https://freight.cargo.site/t/original/i/57b9cf09aa9ca28556bc612ed256c6a827ac002ec1b588651a5f012e04cd78c8/cowgirl-shirt.png" data-mid="202958711" border="0"  src="https://freight.cargo.site/w/1000/i/57b9cf09aa9ca28556bc612ed256c6a827ac002ec1b588651a5f012e04cd78c8/cowgirl-shirt.png" /&#62;
&#60;img width="2161" height="1961" width_o="2161" height_o="1961" data-src="https://freight.cargo.site/t/original/i/007de976b82cedf5d2a028cc4ee49392593192ed828e62d3e14222aa77b5926b/Juju_Stojanovic_06_0127.png" data-mid="202958585" border="0"  src="https://freight.cargo.site/w/1000/i/007de976b82cedf5d2a028cc4ee49392593192ed828e62d3e14222aa77b5926b/Juju_Stojanovic_06_0127.png" /&#62;
&#60;img width="1467" height="1467" width_o="1467" height_o="1467" data-src="https://freight.cargo.site/t/original/i/9357164037860ed163e250f1f4eeb6f5bece41c431ebc2ef76d5c0ca9d457df1/Bronco-Vinyl-Mockup.png" data-mid="202959278" border="0"  src="https://freight.cargo.site/w/1000/i/9357164037860ed163e250f1f4eeb6f5bece41c431ebc2ef76d5c0ca9d457df1/Bronco-Vinyl-Mockup.png" /&#62;
&#60;img width="4501" height="4084" width_o="4501" height_o="4084" data-src="https://freight.cargo.site/t/original/i/bb19ace7a82e9a48a7d553ee35dc405896169cdbd0c7f43b180a004e386f605f/Artboard-18-copy-2.png" data-mid="201668921" border="0"  src="https://freight.cargo.site/w/1000/i/bb19ace7a82e9a48a7d553ee35dc405896169cdbd0c7f43b180a004e386f605f/Artboard-18-copy-2.png" /&#62;


    ︎︎︎&#38;nbsp;Back
    
    
    Next&#38;nbsp;︎︎︎
    
    
bodycopy.subtitle a {
	font-weight: 500 !important;
}

bodycopy.subtitle a:hover {
	font-weight: 700 !important;
}

.crop-header-ashton {
		width:100%; 
        height:auto; 
        object-fit:cover;
        object-position: center bottom;
}

.push-shove {
	width:100%;
}

.gallery_image_caption {
	text-align: center;
}

html {
	scroll-behavior: smooth;
}

ul {
    list-style: none;
    padding: 0;
    margin:0 1.5em;
}

ul li:before
{
    content: '︎︎︎';
    float: left; 
    /*margin: 0 0.5em; */
    margin-left: -1.5em;
}

li{
	padding-bottom: 0.5rem;
}

</description>
		
	</item>
		
		
	<item>
		<title>Push+Shove Magazine</title>
				
		<link>https://lepajuju.design/Push-Shove-Magazine</link>

		<pubDate>Fri, 30 Sep 2022 18:02:32 +0000</pubDate>

		<dc:creator>Lepa Juju Stojanovic</dc:creator>

		<guid isPermaLink="true">https://lepajuju.design/Push-Shove-Magazine</guid>

		<description>&#60;img src="https://freight.cargo.site/t/original/i/b8853d20c97131745636bf25f0ca7ef5d6a288e3e226a53d1ab68e071b286f84/push-shove-mockup-header2.jpg" style="width:100%; object-position:left center;" class="crop-header"&#62;


    Fall 2022
    Push+Shove Magazine
    

    	TYPOGRAPHY III
    	Editorial Design · Visual Identity
    	Push+Shove is an arts and culture dance publication that challenges tradition and focuses on the multidimensionality of dance. It breaks the conventional ideas of dance as pretentious, old-fashioned, and delicate, and highlights it instead as expressive, versatile, and innovative.Promoting diverse and inclusive perspectives, it puts the disruptors of today’s dance landscape centerstage; the dancers, choreographers, directors, and more who refuse to keep dance and its culture stuck in the confines of the past.
        
  	    
&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a44181a566d3f7af6770d0d8e06e85316d7f02664e24ec460eb9184f8a0b8c64/cover.png" data-mid="178844758" border="0" data-scale="90" alt="Cover" data-caption="Cover" src="https://freight.cargo.site/w/1000/i/a44181a566d3f7af6770d0d8e06e85316d7f02664e24ec460eb9184f8a0b8c64/cover.png" /&#62;
&#60;img width="2000" height="1125" width_o="2000" height_o="1125" data-src="https://freight.cargo.site/t/original/i/577d3aecbba20e402567e7575d77a912407256a017e8d39707aa251f9c201336/01-toc.png" data-mid="178845270" border="0" data-scale="90" alt="Table of Contents" data-caption="Table of Contents" src="https://freight.cargo.site/w/1000/i/577d3aecbba20e402567e7575d77a912407256a017e8d39707aa251f9c201336/01-toc.png" /&#62;
&#60;img width="2000" height="1125" width_o="2000" height_o="1125" data-src="https://freight.cargo.site/t/original/i/110e5665568fe5ebe1b54f1fa5c65b5893616921d5edfa58becd16f7006b816d/05-ashton-1.png" data-mid="178845274" border="0" data-scale="90" alt="Feature Article" data-caption="Feature Article" src="https://freight.cargo.site/w/1000/i/110e5665568fe5ebe1b54f1fa5c65b5893616921d5edfa58becd16f7006b816d/05-ashton-1.png" /&#62;
&#60;img width="2000" height="1125" width_o="2000" height_o="1125" data-src="https://freight.cargo.site/t/original/i/c8ad7cf594ff4617187559296d73fa03202afcb36d020bc9b1f7c59461587e87/06-ashton-2.png" data-mid="178845275" border="0" data-scale="90" alt="Feature Article" data-caption="Feature Article" src="https://freight.cargo.site/w/1000/i/c8ad7cf594ff4617187559296d73fa03202afcb36d020bc9b1f7c59461587e87/06-ashton-2.png" /&#62;
&#60;img width="2000" height="1125" width_o="2000" height_o="1125" data-src="https://freight.cargo.site/t/original/i/fe85a174f4b9aa2a601b2c5c7e79d6312318e4be52a3fd592c0d16efcd8430f3/07-ashton-3.png" data-mid="178845276" border="0" data-scale="90" alt="Feature Article" data-caption="Feature Article" src="https://freight.cargo.site/w/1000/i/fe85a174f4b9aa2a601b2c5c7e79d6312318e4be52a3fd592c0d16efcd8430f3/07-ashton-3.png" /&#62;
&#60;img width="2000" height="1125" width_o="2000" height_o="1125" data-src="https://freight.cargo.site/t/original/i/1cf58ab1c4db14866a0539b415005d52bf70222e4a9b16ddc40b5afe8ece1f7e/02-yabin-1.png" data-mid="178845271" border="0" data-scale="90" alt="Interview Article" data-caption="Interview Article" src="https://freight.cargo.site/w/1000/i/1cf58ab1c4db14866a0539b415005d52bf70222e4a9b16ddc40b5afe8ece1f7e/02-yabin-1.png" /&#62;
&#60;img width="2000" height="1125" width_o="2000" height_o="1125" data-src="https://freight.cargo.site/t/original/i/5be16eda4a57b3d88f76a45f7c335420595526d7cdc3853fd0252310c2fe8af1/03-yabin-2.png" data-mid="178845272" border="0" data-scale="90" alt="Interview Article" data-caption="Interview Article" src="https://freight.cargo.site/w/1000/i/5be16eda4a57b3d88f76a45f7c335420595526d7cdc3853fd0252310c2fe8af1/03-yabin-2.png" /&#62;
&#60;img width="2000" height="1125" width_o="2000" height_o="1125" data-src="https://freight.cargo.site/t/original/i/27362b4be93f9c7c479de6d7dd08b31c4673c5180b4193ff8ca49353b7a7cdef/04-yabin-3.png" data-mid="178845273" border="0" data-scale="90" alt="Interview Article" data-caption="Interview Article" src="https://freight.cargo.site/w/1000/i/27362b4be93f9c7c479de6d7dd08b31c4673c5180b4193ff8ca49353b7a7cdef/04-yabin-3.png" /&#62;


Who is Push+Shove?

	
    I started by creating a list of words that describe the magazine's identity, and a list of words that I did not want associated with it.

    
    ︎ Expressive
	︎ Disruptive
	︎ Propelling
	︎ Rebellious
	︎ Rhythmic
	︎ Diverse
	︎ Experimental
	︎ Unexpected
    
	
    ︎ Stagnant
	︎ Dull
	︎ Pretentious
	︎ Conservative
	︎ Traditional
    ︎ Delicate
	︎ Monotonous


Initial wordmark sketches

	
    Building off of some base typefaces that embodied the above adjectives, I began sketching initial wordmark ideas. I analyzed my sketches for which conveyed the descriptors I was looking for, and which conveyed qualities that I was trying to avoid.
	
    
&#60;img src="https://freight.cargo.site/t/original/i/f10c850497ec38c8ec0dede35f00b1ebe1bfc6e9a64799f56ccdbc9d26381d64/push-shove_sketches-annotations3.png" style="width:100%;"&#62;


Final wordmark

	
 I narrowed in on the double-S ligature idea created through the sketch process because of its movement and rhythm. Additionally, the combination of sharp pointed serifs and high contrast letterforms were rebellious, while the intense forward slant was propelling.
	
    However, the alignment created by the ligature made an awkward overall shape for the mark. To fix this, I consolidated the ligature into a single disruptive but expressive S that "pushes" into the second line of text.


Click to Pause.


&#60;img width="4889" height="2315" width_o="4889" height_o="2315" data-src="https://freight.cargo.site/t/original/i/73013634540eefb2fee7ab994d6cba9e7bd58acf2b90dc32d5a624cd301d3aee/wordmark-process-1.png" data-mid="154600469" border="0"  src="https://freight.cargo.site/w/1000/i/73013634540eefb2fee7ab994d6cba9e7bd58acf2b90dc32d5a624cd301d3aee/wordmark-process-1.png" /&#62;
&#60;img width="4889" height="2315" width_o="4889" height_o="2315" data-src="https://freight.cargo.site/t/original/i/65415c3850042552d9888e3cc59b776b568d3a7e910797dd515f27b51cfa52e1/wordmark-process-3.png" data-mid="154600470" border="0"  src="https://freight.cargo.site/w/1000/i/65415c3850042552d9888e3cc59b776b568d3a7e910797dd515f27b51cfa52e1/wordmark-process-3.png" /&#62;
&#60;img width="4889" height="2315" width_o="4889" height_o="2315" data-src="https://freight.cargo.site/t/original/i/05e8c14b7aabce4b32c9386b9de46319403069ec7ebaef9408d3fb272ffdc811/wordmark-process-4.png" data-mid="154600471" border="0"  src="https://freight.cargo.site/w/1000/i/05e8c14b7aabce4b32c9386b9de46319403069ec7ebaef9408d3fb272ffdc811/wordmark-process-4.png" /&#62;
&#60;img width="4889" height="2315" width_o="4889" height_o="2315" data-src="https://freight.cargo.site/t/original/i/6a06c38bb2fc187d1c15e44e9e8b40d3c85d02e5302232bec0d968e540dc1388/wordmark-process-5.png" data-mid="154600472" border="0"  src="https://freight.cargo.site/w/1000/i/6a06c38bb2fc187d1c15e44e9e8b40d3c85d02e5302232bec0d968e540dc1388/wordmark-process-5.png" /&#62;
&#60;img width="4889" height="2315" width_o="4889" height_o="2315" data-src="https://freight.cargo.site/t/original/i/62a24e8462538422a2ee48561ab7ba53ea4972e7b9bbba05c15d885e203afc61/wordmark-process-6.png" data-mid="154600474" border="0"  src="https://freight.cargo.site/w/1000/i/62a24e8462538422a2ee48561ab7ba53ea4972e7b9bbba05c15d885e203afc61/wordmark-process-6.png" /&#62;
&#60;img width="4889" height="2315" width_o="4889" height_o="2315" data-src="https://freight.cargo.site/t/original/i/4e3634e3088bfa2ac1e9605db63f9676d40a6a6c9888f0798319cef730ed5910/wordmark-process-8.png" data-mid="154600476" border="0"  src="https://freight.cargo.site/w/1000/i/4e3634e3088bfa2ac1e9605db63f9676d40a6a6c9888f0798319cef730ed5910/wordmark-process-8.png" /&#62;


Abrasive colors

	
    The final colors were derived from a complementary color harmony of green and red, but shifted warmer with more yellow added to achieve greater tension between the two with an overall electrifying quality.

    
 The gray is slightly warm as well, and is similar in value to the other two colors, creating competition between the three colors to the viewer's eye.
    

&#60;img src="https://freight.cargo.site/t/original/i/d9393ed6e9393ed57764c11dd6ea46aad1c8924f5e9c497247bece1af4fe6a78/P-S_color-final.png" style="width:100%;"&#62;


Rebellious and dance-like typography

	
    Three typefaces are used across the publication. All were chosen for either their rebellious attitudes or dance-like qualities. Italics are used throughout because of their propelling movement and connection to the magazine wordmark.

    
&#60;img src="https://freight.cargo.site/t/original/i/3707035eadf06ac410c28be5d098d6663f73271c2540d027f5e6a4157d84419d/Typography.jpg" style="width:100%"&#62;


Wide page proportions mimic a stage

	
    The page proportions are wider than normal to mirror the wide proportions of a stage. A main typographic grid divides each page into six columns, plus a secondary grid dividing each of these columns in half. This provides flexibility in creating various modular column widths that create a sense of "pushing" and "shoving."

    
&#60;img width="2000" height="1154" width_o="2000" height_o="1154" data-src="https://freight.cargo.site/t/original/i/e22c6a7a10b5d5812dc9e733d3cc8e9a77cd25a25fae7a05159316eb0d527012/grid-aligned.png" data-mid="178922309" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/e22c6a7a10b5d5812dc9e733d3cc8e9a77cd25a25fae7a05159316eb0d527012/grid-aligned.png" /&#62;
&#60;img width="2000" height="1154" width_o="2000" height_o="1154" data-src="https://freight.cargo.site/t/original/i/67c8d4650509a2ddc08d382f6c91d8c850c8b2cf70adf87965d783646c65cc70/yabin_grids_aligned.png" data-mid="178922310" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/67c8d4650509a2ddc08d382f6c91d8c850c8b2cf70adf87965d783646c65cc70/yabin_grids_aligned.png" /&#62;
&#60;img width="2000" height="1154" width_o="2000" height_o="1154" data-src="https://freight.cargo.site/t/original/i/f5e63feaea2bc05c5523eb7ee5294adb94d196696c3b5112ea55a8099637211f/yabin_no-grids_aligned.png" data-mid="178922311" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/f5e63feaea2bc05c5523eb7ee5294adb94d196696c3b5112ea55a8099637211f/yabin_no-grids_aligned.png" /&#62;


    Compositions break the grid as they dance across the entire spread, rather than being limited to each page, creating movement across the “stage.” Callouts use a variety of typesize and texture for a sense of rhythm and freedom. 

    
 Tension is created through slightly overlapping, but still legible, type and a contrasting color is introduced into one small element, such as punctuation, for rebelliousness.
    

Feature articles

	
    The theme of dancing type continues in both articles' opening spreads. The feature article spotlights Ashton Edwards, a nonbinary dancer with a prestigious ballet company. Ballet as an artform is extremely reliant upon the gender binary, and Edwards is at the forefront of a generation challenging that.

    
 The leading spread features binary 0's and 1's all around Edwards as they seem to physically break through the binary. Double-exposure-like images were created for this article to illustrate the conflict between Edwards' gender identity and ballet's strict gender binary.
    

&#60;img width="2000" height="1125" width_o="2000" height_o="1125" data-src="https://freight.cargo.site/t/original/i/110e5665568fe5ebe1b54f1fa5c65b5893616921d5edfa58becd16f7006b816d/05-ashton-1.png" data-mid="178845274" border="0" data-scale="67" src="https://freight.cargo.site/w/1000/i/110e5665568fe5ebe1b54f1fa5c65b5893616921d5edfa58becd16f7006b816d/05-ashton-1.png" /&#62;


    The interview article highlights Yabin Wang, an award-winning dancer and choreographer who creates a one-of-a-kind fusion of Chinese traditional dance, ballet, and contemporary.

    
 In “Drawing Pictures in Motion”, the motif of dancing bits of type is brought to the article deck as the type becomes the flower petals swirling around her as she dances in her traditional Chinese dance attire.
    

&#60;img width="2000" height="1125" width_o="2000" height_o="1125" data-src="https://freight.cargo.site/t/original/i/1cf58ab1c4db14866a0539b415005d52bf70222e4a9b16ddc40b5afe8ece1f7e/02-yabin-1.png" data-mid="178845271" border="0" data-scale="67" src="https://freight.cargo.site/w/1000/i/1cf58ab1c4db14866a0539b415005d52bf70222e4a9b16ddc40b5afe8ece1f7e/02-yabin-1.png" /&#62;


Playing with movement on the cover

	
    The cover system includes a photo of the feature subject with the magazine issue number interacting for an enhanced sense of space, movement, and tension.

    
 For this issue, an abstracted 5 wraps around Edwards, emphasizing their dancing while the wordmark "pushes" up against their back as if the catalyst of the movement.
    

&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a44181a566d3f7af6770d0d8e06e85316d7f02664e24ec460eb9184f8a0b8c64/cover.png" data-mid="178844758" border="0" data-scale="67" src="https://freight.cargo.site/w/1000/i/a44181a566d3f7af6770d0d8e06e85316d7f02664e24ec460eb9184f8a0b8c64/cover.png" /&#62;


Final Magazine


&#60;img width="1080" height="864" width_o="1080" height_o="864" data-src="https://freight.cargo.site/t/original/i/8d939079f7a5debd6591f060c1003b7f6f7477b0e94db6a4f36a7152fa01621d/cover-0947-4.jpg" data-mid="179493848" border="0"  src="https://freight.cargo.site/w/1000/i/8d939079f7a5debd6591f060c1003b7f6f7477b0e94db6a4f36a7152fa01621d/cover-0947-4.jpg" /&#62;
&#60;img width="1080" height="864" width_o="1080" height_o="864" data-src="https://freight.cargo.site/t/original/i/0385b03cfac87a10aace7702e8cb5eb84365ee1338310f4081d166db6ec3f1bc/yabin-1-885.png" data-mid="179493853" border="0"  src="https://freight.cargo.site/w/1000/i/0385b03cfac87a10aace7702e8cb5eb84365ee1338310f4081d166db6ec3f1bc/yabin-1-885.png" /&#62;
&#60;img width="1080" height="864" width_o="1080" height_o="864" data-src="https://freight.cargo.site/t/original/i/5be4315bb642c7282a9453b5636ab95df95aa00c5cb4fb48a393e0bc2bbf0ed4/ashton-1-948.jpg" data-mid="179493846" border="0"  src="https://freight.cargo.site/w/1000/i/5be4315bb642c7282a9453b5636ab95df95aa00c5cb4fb48a393e0bc2bbf0ed4/ashton-1-948.jpg" /&#62;
&#60;img width="1080" height="864" width_o="1080" height_o="864" data-src="https://freight.cargo.site/t/original/i/3b9f0fd9cc5944ffa3af0d5e759ea043852bf605a1fb703495f7462418b01e31/yabin-2-948.png" data-mid="179493855" border="0"  src="https://freight.cargo.site/w/1000/i/3b9f0fd9cc5944ffa3af0d5e759ea043852bf605a1fb703495f7462418b01e31/yabin-2-948.png" /&#62;
&#60;img width="1080" height="864" width_o="1080" height_o="864" data-src="https://freight.cargo.site/t/original/i/7f85b100bd75040a8dee5fcbb9af9d0a9d1e2b094e305199a59424ac1bbc90ad/ashton-2-843.png" data-mid="179493844" border="0"  src="https://freight.cargo.site/w/1000/i/7f85b100bd75040a8dee5fcbb9af9d0a9d1e2b094e305199a59424ac1bbc90ad/ashton-2-843.png" /&#62;
&#60;img width="1080" height="864" width_o="1080" height_o="864" data-src="https://freight.cargo.site/t/original/i/6af874f4b8f7a886de255120d1509168be7890d8bec31e8d309c1bc2863b555c/yabin-2-869.png" data-mid="179493854" border="0"  src="https://freight.cargo.site/w/1000/i/6af874f4b8f7a886de255120d1509168be7890d8bec31e8d309c1bc2863b555c/yabin-2-869.png" /&#62;
&#60;img width="1080" height="864" width_o="1080" height_o="864" data-src="https://freight.cargo.site/t/original/i/e72cd54e7c589984cda177f0d8c5789d6337344a09eb26e450ac4eec4f4b21fa/ashton-1-900-detail.jpg" data-mid="179493845" border="0"  src="https://freight.cargo.site/w/1000/i/e72cd54e7c589984cda177f0d8c5789d6337344a09eb26e450ac4eec4f4b21fa/ashton-1-900-detail.jpg" /&#62;
&#60;img width="1080" height="864" width_o="1080" height_o="864" data-src="https://freight.cargo.site/t/original/i/6de5a67d54f555346ee979170217d2998dfb8dd38cbc81d8c26ed4105905962a/toc-921.png" data-mid="179493852" border="0"  src="https://freight.cargo.site/w/1000/i/6de5a67d54f555346ee979170217d2998dfb8dd38cbc81d8c26ed4105905962a/toc-921.png" /&#62;
&#60;img width="1080" height="864" width_o="1080" height_o="864" data-src="https://freight.cargo.site/t/original/i/d41ebcdc11657b12eeb52c15ac8a5da4839022db72dbb118d4aafa444a4f7f5b/DSC_0863-mirror-edit.jpg" data-mid="179493849" border="0"  src="https://freight.cargo.site/w/1000/i/d41ebcdc11657b12eeb52c15ac8a5da4839022db72dbb118d4aafa444a4f7f5b/DSC_0863-mirror-edit.jpg" /&#62;


Sources

    
    Original photographs by Coco Aramaki, Shi Chun Yang, and Wang Ning.
    "Nonbinary Swan on Pointe" written by Margaret Fuhrer for The New York Times.
    "Drawing Pictures in Motion" written by Maggie Foyer for Dance ICONS, Inc.
    Featured dancers: Ashton Edwards and Yabin Wang.
    
 
    ︎︎︎&#38;nbsp;Back
    
    
    Next&#38;nbsp;︎︎︎
    
    
.crop-header-ashton {
		width:100%; 
        height:auto; 
        object-fit:cover;
        object-position: center bottom;
}

.push-shove {
	width:100%;
}

.gallery_image_caption {
	text-align: center;
}

html {
	scroll-behavior: smooth;
}
</description>
		
	</item>
		
		
	<item>
		<title>Procter &#38; Gamble</title>
				
		<link>https://lepajuju.design/Procter-Gamble</link>

		<pubDate>Wed, 10 May 2023 20:24:57 +0000</pubDate>

		<dc:creator>Lepa Juju Stojanovic</dc:creator>

		<guid isPermaLink="true">https://lepajuju.design/Procter-Gamble</guid>

		<description>&#60;img src="https://files.cargocollective.com/c1509428/P_G_header.jpg" style="width:100%; object-position:left center;" class="crop-header"&#62;


    Spring 2023
    Procter &#38;amp; Gamble Corporate Brand Function Design
    

    	CO-OP SEMESTER
    	Visual Identity · UX/UI · Illustration · 2D AnimationAt P&#38;amp;G, I worked as a Brand Expression Designer for the Corporate Brand Function team, during which I led work on:Original artwork and expansion of the toolkit for the P&#38;amp;G Design Team Instagram︎︎︎
        A refresh of assets for the P&#38;amp;G corporate identity, including a new library of brand patterns, currently implemented internationally︎︎︎
        A self-initiated UX/UI project creating a Corporate Function portfolio website
        Design direction and production for internal and external annual events and initiatives, including the 2023 Pride Parade
        Check out some selected public work from my semester with P&#38;amp;G below!
  	    

&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/5e3a55ba8ac7c1484ca54910dfb000a19c22217ef91dfc5a0cde66e687eebca6/012623_PGDesignIG_LunarNewYear2023.jpg" data-mid="178388973" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/5e3a55ba8ac7c1484ca54910dfb000a19c22217ef91dfc5a0cde66e687eebca6/012623_PGDesignIG_LunarNewYear2023.jpg" /&#62;
&#60;img width="810" height="810" width_o="810" height_o="810" data-src="https://freight.cargo.site/t/original/i/7f3cf447c497b11b9a18c1d787098dee1a567fb2d587aee4d9b36c7dd0a10bcf/star_pattern.png" data-mid="178391247" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/810/i/7f3cf447c497b11b9a18c1d787098dee1a567fb2d587aee4d9b36c7dd0a10bcf/star_pattern.png" /&#62;
&#60;img width="540" height="540" width_o="540" height_o="540" data-src="https://freight.cargo.site/t/original/i/7502891174dc058957cb0d15fd218752f8339b4e5b2527b01b679119e8cdad80/021323_PGDesignIG_Grid_V-day2023.gif" data-mid="178390574" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/540/i/7502891174dc058957cb0d15fd218752f8339b4e5b2527b01b679119e8cdad80/021323_PGDesignIG_Grid_V-day2023.gif" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/9c76079543e5db475c0fddf8ab983f98f354f66c8aa7940c5ff5aaa8a3afcc98/crescent1_pattern.png" data-mid="178391243" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/9c76079543e5db475c0fddf8ab983f98f354f66c8aa7940c5ff5aaa8a3afcc98/crescent1_pattern.png" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/055bdd95958b6e9f918dcf79001765ff874f3e5dd0b2016934601c58416a5c7e/041323_superheroday_final.png" data-mid="178388974" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/055bdd95958b6e9f918dcf79001765ff874f3e5dd0b2016934601c58416a5c7e/041323_superheroday_final.png" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/afa4bc1bbb2a6d09bf1615b2e21d24c7325a69bee9ee951f24043511bb5ddd6d/crescent2_pattern.png" data-mid="178391245" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/afa4bc1bbb2a6d09bf1615b2e21d24c7325a69bee9ee951f24043511bb5ddd6d/crescent2_pattern.png" /&#62;
&#60;img width="701" height="701" width_o="701" height_o="701" data-src="https://freight.cargo.site/t/original/i/c70c6562143412d8cf27340ddfcd0d3fd4489280ff936571e643f5a1227f1f5e/Digital_project_preview_square.gif" data-mid="178420187" border="0"  src="https://freight.cargo.site/w/701/i/c70c6562143412d8cf27340ddfcd0d3fd4489280ff936571e643f5a1227f1f5e/Digital_project_preview_square.gif" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/5a2c34fafba0f1d619e7a46ce0991acf9c0a37fe33b151c616abd90726a4aa97/pill_pattern.png" data-mid="178391246" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/5a2c34fafba0f1d619e7a46ce0991acf9c0a37fe33b151c616abd90726a4aa97/pill_pattern.png" /&#62;
&#60;img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d1a0723d4a70f37ad9f85f365887e9683266ed89edf150369978376383586b86/FINAL_WomenInSTEM.jpg" data-mid="178388975" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/d1a0723d4a70f37ad9f85f365887e9683266ed89edf150369978376383586b86/FINAL_WomenInSTEM.jpg" /&#62;


For more details on this work

	
    I am happy to share more details about my work at P&#38;amp;G over a coffee or online meeting!

Contact ︎︎︎
    
	
    ︎︎︎&#38;nbsp;Back
    
    
    Next&#38;nbsp;︎︎︎
    
    
.crop-header-ashton {
		width:100%; 
        height:auto; 
        object-fit:cover;
        object-position: center bottom;
}

.push-shove {
	width:100%;
}

ul {
    list-style: none;
    padding: 0;
    margin:0 1.5em;
}

ul li:before {
    content: '︎︎︎';
    float: left; 
    /*margin: 0 0.5em; */
    margin-left: -1.5em;
}

li{
    padding-bottom: 0.5rem;
}

html {
	scroll-behavior: smooth;
}

bodycopy.button-light-cta {
	text-transform:uppercase;
    font-weight:400;
}


</description>
		
	</item>
		
		
	<item>
		<title>Series B – Making Waves: 50 Years of Music Icons</title>
				
		<link>https://lepajuju.design/Series-B-Making-Waves-50-Years-of-Music-Icons</link>

		<pubDate>Tue, 16 Aug 2022 21:29:08 +0000</pubDate>

		<dc:creator>Lepa Juju Stojanovic</dc:creator>

		<guid isPermaLink="true">https://lepajuju.design/Series-B-Making-Waves-50-Years-of-Music-Icons</guid>

		<description>&#60;img src="https://freight.cargo.site/t/original/i/f9a224bdc950c0cc8e35ce71c70157116d5db65f15c9252a11fc7e0a4e61362b/Series-B-header-light.jpg" style="width:100%" class="crop-header"&#62;


    Spring 2022
    Making Waves: Series B
    

    	TYPOGRAPHY II
    	Poster Design · Visual Systems
    	 With this series, I wanted to play with color, positioning, and scale to create a sense of depth of field with layers of type and visual elements which seem to move across and around each other, akin to melodies and harmonies in music. Originating with a Jimi Hendrix poster from my rule-based type explorations, each poster aims to create a visual translation of the musician's sound and the lasting impacts they left.
  	    

&#60;img width="1149" height="1624" width_o="1149" height_o="1624" data-src="https://freight.cargo.site/t/original/i/205ad2bdf9bc66905fce7328d60bc7ff9ce5fef1c3ac2574a9b7ad76a6142f4f/Ravi-B.png" data-mid="150701636" border="0"  src="https://freight.cargo.site/w/1000/i/205ad2bdf9bc66905fce7328d60bc7ff9ce5fef1c3ac2574a9b7ad76a6142f4f/Ravi-B.png" /&#62;
&#60;img width="1149" height="1624" width_o="1149" height_o="1624" data-src="https://freight.cargo.site/t/original/i/7b7fdf2b2dc154160c3eee3008bbfc49280e293c782255a948a8343138efc04e/Madonna-B.png" data-mid="150701635" border="0"  src="https://freight.cargo.site/w/1000/i/7b7fdf2b2dc154160c3eee3008bbfc49280e293c782255a948a8343138efc04e/Madonna-B.png" /&#62;
&#60;img width="1149" height="1624" width_o="1149" height_o="1624" data-src="https://freight.cargo.site/t/original/i/05f4595438e2fc8796ff5efe2732945f8d3d1c2c611371b0b0835c8065065faf/Jimi-B.png" data-mid="150701634" border="0"  src="https://freight.cargo.site/w/1000/i/05f4595438e2fc8796ff5efe2732945f8d3d1c2c611371b0b0835c8065065faf/Jimi-B.png" /&#62;


Sketching outlines for Shankar and Madonna

    
 With the Jimi Hendrix poster being the jumping off point for this series, I started with sketches to figure out how to translate my concept to Ravi Shankar and Madonna. I wanted Shankar's poster to have a smooth meandering movement to it, and for Madonna's to be loud and bursting with energy.

    
&#60;img width="464" height="656" width_o="464" height_o="656" data-src="https://freight.cargo.site/t/original/i/6aa563bbcfd339cb09241312b913379756b5c8968ea58e243aba8c35bdb98f5b/ravi-b-sketch-3.jpg" data-mid="150784757" border="0" alt="Shankar sketch" data-caption="Shankar sketch" src="https://freight.cargo.site/w/464/i/6aa563bbcfd339cb09241312b913379756b5c8968ea58e243aba8c35bdb98f5b/ravi-b-sketch-3.jpg" /&#62;
&#60;img width="464" height="656" width_o="464" height_o="656" data-src="https://freight.cargo.site/t/original/i/e9d986a7c7704ce85a40bbb571a76872bac1fb1e5e2854d97aa587e476254a54/madonna-b-sketch-3.jpg" data-mid="150784756" border="0" alt="Madonna sketch" data-caption="Madonna sketch" src="https://freight.cargo.site/w/464/i/e9d986a7c7704ce85a40bbb571a76872bac1fb1e5e2854d97aa587e476254a54/madonna-b-sketch-3.jpg" /&#62;

    
Creating the "waves"

    
 Each artist's impact and sound was interpreted through different visual waves.

    
    Like his intricate improvisations on the sitar, Shankar's waves are large and sweeping but composed of fine weaving lines.

Madonna's waves are bold reverberating lines, akin to the forceful power of her career as a performer, producer, choreographer, and more.

Hendrix's waves have a fuzzy vibrating distortion like the sounds he incorporated into his music in a way that hadn’t been seen before.


&#60;img width="435" height="435" width_o="435" height_o="435" data-src="https://freight.cargo.site/t/original/i/7f576527c3ba7a0a5ee3e3746d3712512415d652c10cd64a835f0049820c443d/Ravi-b-wavess-small.jpg" data-mid="150776396" border="0" alt="Ravi Shankar" data-caption="Ravi Shankar" src="https://freight.cargo.site/w/435/i/7f576527c3ba7a0a5ee3e3746d3712512415d652c10cd64a835f0049820c443d/Ravi-b-wavess-small.jpg" /&#62;
&#60;img width="435" height="436" width_o="435" height_o="436" data-src="https://freight.cargo.site/t/original/i/0208db8641bdcc1c082e7099891ed24f793e94a1cdc027f1ac067bb742760263/madonna-b-waves-small.jpg" data-mid="150776395" border="0" alt="Madonna" data-caption="Madonna" src="https://freight.cargo.site/w/435/i/0208db8641bdcc1c082e7099891ed24f793e94a1cdc027f1ac067bb742760263/madonna-b-waves-small.jpg" /&#62;
&#60;img width="435" height="435" width_o="435" height_o="435" data-src="https://freight.cargo.site/t/original/i/961ff29a58e2777c6f160484f76f582b15b30d8ee2ae49e1c54f66ee0897974d/jimi-b-waves-small.jpg" data-mid="150776394" border="0" alt="Jimi Hendrix" data-caption="Jimi Hendrix" src="https://freight.cargo.site/w/435/i/961ff29a58e2777c6f160484f76f582b15b30d8ee2ae49e1c54f66ee0897974d/jimi-b-waves-small.jpg" /&#62;


Consistent color structure

    
 Each poster follows a similar color structure. The backgrounds all share similar saturation and dark values. A secondary color operates between background and foreground and shares its hue with the background, but is lighter in value. Lastly, a highly saturated accent color is introduced which contrasts in hue from the other colors.

    
    Within each poster, the colors reflect each artist’s unique musical qualities.


&#60;img src="https://files.cargocollective.com/c1509428/music-icons-color-swatches_B.jpg" style="width:100%;" class="image-margin"&#62;


 Shankar's soft but powerful melodies are represented by an analogous color harmony with earthy cool greens and sunny yellow.

    
    &#60;img width="1149" height="1624" width_o="1149" height_o="1624" data-src="https://freight.cargo.site/t/original/i/205ad2bdf9bc66905fce7328d60bc7ff9ce5fef1c3ac2574a9b7ad76a6142f4f/Ravi-B.png" data-mid="150701636" border="0"  src="https://freight.cargo.site/w/1000/i/205ad2bdf9bc66905fce7328d60bc7ff9ce5fef1c3ac2574a9b7ad76a6142f4f/Ravi-B.png" /&#62;
    

 Madonna's thrilling performance quality is symbolized through intense red purples and a punchy warm blue.

    
    &#60;img width="1149" height="1624" width_o="1149" height_o="1624" data-src="https://freight.cargo.site/t/original/i/7b7fdf2b2dc154160c3eee3008bbfc49280e293c782255a948a8343138efc04e/Madonna-B.png" data-mid="150701635" border="0"  src="https://freight.cargo.site/w/1000/i/7b7fdf2b2dc154160c3eee3008bbfc49280e293c782255a948a8343138efc04e/Madonna-B.png" /&#62;
    

 Hendrix's electric clashing blues and red were inspired by his iconic performance of "The Star-Spangled Banner" at Woodstock, full of experimental dissonance and distortion.
    
    
    &#60;img width="1149" height="1624" width_o="1149" height_o="1624" data-src="https://freight.cargo.site/t/original/i/05f4595438e2fc8796ff5efe2732945f8d3d1c2c611371b0b0835c8065065faf/Jimi-B.png" data-mid="150701634" border="0"  src="https://freight.cargo.site/w/1000/i/05f4595438e2fc8796ff5efe2732945f8d3d1c2c611371b0b0835c8065065faf/Jimi-B.png" /&#62;
    

︎︎︎&#38;nbsp;Return to main project overview
    

.icons-align {
  display: flex;
  justify-content: center;
}

.button-series {
  background-color: rgba(255, 0, 0, 0);
  border: 1.5px solid rgba(0, 0, 0, 0.9);
  padding: 10px 23px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 35px;
}

.button-series:hover {
	border: 1.5px solid rgba(0,0,0,0.9);
    background-color: rgba(0,0,0,0.9);
}

.button-series:hover .button-text {
	color: rgba(255,255,255,1);
}

h3.button-text {
	font-size: 1.519rem;
    font-weight: 500;
}


.button-center {
  display: flex;
  justify-content: center;
}

html {
	scroll-behavior: smooth;
}
</description>
		
	</item>
		
	</channel>
</rss>