Marc Schenker
September 2, 2021 · 14 min read
The History of Jazz Style
No thorough look at this jazz-inspired aesthetic is complete without also taking a quick look at the history of the musical genre itself. This is a highly thought-provoking art form because of its uniquely American perspective. Regarded by many as an American original, jazz grew out of ragtime and blues influences in the African-American neighborhoods of New Orleans, circa the late 19th and early 20th centuries, but that’s not all. It also counts European military band music and West African musical and cultural expression as influences.
Image Source: Library of Congress Prints and Photographs Division
From the very beginning, this musical genre trailblazed an unmistakable sound that’s typified by the following elements:
- Polyrhythms (the utilization of at least two, usually conflicting, rhythms)
- Improvisation
- Call-and-response vocals
- Blue notes (notes that are played or sung at a different pitch from normal)
- The presence of swing
- Cool
- Free
- Kansas City
- New Orleans
- Gypsy
- Bebop
- Hard bop
- Modal
- Jazz-rock fusion
- Afro-Cuban
- Latin
- Smooth
Art Deco Makes Its Mark
However, to understand jazz style from a visual-design perspective, we have to look at the decade in which it truly became popular in the U.S. We define popular as the moment in time when this music achieved nationwide success in America, which is a feat that’s particularly impressive when you consider the absence of the Internet in the early 20th century! Only a few decades after its humble beginnings at approximately turn-of-the-century New Orleans, jazz had become very big during the 1920s and 1930s, not just in African-American culture. In fact, the Roaring Twenties—that iconic period of post-World War I American expansion and prosperity—is virtually synonymous with this musical style. And that’s precisely where we get our first clue as to the visual design language of jazz. You see, during the Roaring Twenties, the design trend that was sweeping the country was Art Deco, in all its geometric, technology and machine-obsessed glory. Naturally, the most famous design trend of the time had to rub off on the most famous musical phenomenon of its day. This is generally how pop culture works. Art Deco actually originated in France before the outbreak of World War I. By the end of the war and most definitely by the mid-1920s, when jazz was already in vogue in the U.S., Art Deco had spread to most of Europe and also made its way across the Atlantic to the shores of America. Around this timeframe, the Chrysler Building, perhaps the most iconic tall building of its time, became a glorious homage to Art Deco architecture. It’s in this context where we have to evaluate the look of jazz style. To help us along, it’s useful if we look at a few, noteworthy examples of Jazz Age graphic designs to see this connection. First up is artist and writer Albert Gleizes’ Composition for “Jazz.” While a Cubist work, it also overlaps with some notable elements of Art Deco. Released in 1915, it was a precursor of where jazz style would be headed in the next decade.
Image Source: Solomon R. Guggenheim Museum
For instance, there are many straight and curved lines, along with geometric shapes (triangles and rectangles) in the piece. Of course, these are trademark features of Art Deco.
Next up is a 1929 cover from the French weekly magazine called Vu, with American jazz singer Adelaide Hall on the cover.
Image Source: Spiessens
Note the stylized presentation of the typeface in the magazine’s name, in the top left. Its sleek, shadow-casting, and geometrically influenced fonts are right at home with the Art Deco aesthetic.
Then, there’s the long-defunct magazine called The Chicagoan. Long forgotten by anyone who’s not a history buff, this magazine was published at the height of the Jazz Age and aimed to be Chicago’s answer to New York’s The New Yorker. Unfortunately for it, it was only published from 1926 to 1935, but fortunately for us, it gives us a further window into the link between jazz style and Art Deco.
Image Source: Copyright The Quigley Publishing Company, a Division of QP Media, Inc.
The magazine shows off its love affair with Art Deco in its January 3, 1931 cover, as some of the buildings depicted as part of the Chicago skyline are obviously drawn in the Art Deco style. Also notable is the heavy use of black as a way to create a mood of mystery.
The link between jazz style and Art Deco is so strong that this connection is being made even today. Let’s fast-forward all the way to the cover of the 2017 book, The Jazz Age: American Style in the 1920s, which uses numerous Art Deco elements that are apparent to any fan of the design trend:
- Geometric shapes (circles, curves, etc.)
- Floral patterns that are stylized
- Well-defined lines
- Very streamlined and sleek forms
Image Source: The Cleveland Museum of Art
Jazz style and touches of Art Deco are forever interlinked in the language of design.
The Characteristics of Jazz Style
To further explore this design trend, we have to home in on what makes this aesthetic stand out from all the rest. As mentioned, there are strong Art Deco influences in anything that’s been inspired by jazz, but it still needs to be stressed that jazz style and Art Deco aren’t one and the same. With that in mind, here’s how to recognize this trend:- Stylization (of typography, illustrations, etc.)
- Evocative qualities (harkening back to times gone by, such as through vintage elements)
- Sleekness
- Suaveness
- Good use of color contrast
- The presence of golden hues and tones
- Neutral colors, in particular, black
- Musical and simple shapes and icons
- Diverse typefaces (slabs, scripts, sans serifs, etc.)
- Geometric figures and shapes
- Streamlined shapes
- Silhouettes
- Monochromatic (especially black and white) elements
- Conservative (at least in fashion)
Jazz Style in Graphic Design
Jazz | Vintage Newspaper Poster
This is a great example of how this design trend’s roots are in the old-fashioned, vintage look. This digital asset plays up the old-timey look in such a way that recalls images of turn-of-the-century newspaper boys selling dailies for 5 cents a piece.Sketches of Jazz Musicians
A digital asset that shows off the illustrative side of jazz style, this set of jazz-inspired designs features drawings of jazz musicians in a host of different poses, perfect for any creative project. These vector sketches, 15 elements in total, feature fedora-topped and tuxedo-wearing jazzmen playing the trumpet or saxophone.Golden Jazz Flyer Template
For those designers who want to use jazz-inspired print materials in their marketing projects, there’s no better selection that this collection of print-ready flyers. Showcasing the beautiful gold-and-black color contrast of the trend, it gives creatives an inspiring idea of what’s possible with the right template.1920 Art Deco Seamless Patterns
An ode to the design style that helped to give jazz its visual language, this group of 40 vector patterns shows off the sleek and streamlined typography and patterns of Art Deco. From golden, elegantly curved strokes and sleek stems of typefaces to the geometric curves, arches, and chevrons of the style, this collection is a feast for the eyes.- Brochures
- Websites
- Flyers
- Templates
- Invitations
Set of Vector Jazz Icons
Whether you have a web, app, or print project ahead of you, this set featuring jazz-inspired icons is a smart addition to any design scheme. With a host of illustrations that you can customize to fit the specific direction of your graphic design brief, it offers a versatile collection of musical icons to help you impress and please your clients.Jazz Style in Typography
Life Is Jazz Script
Combining the best worlds of vintage and hand-drawn fonts, this script is a monoline offering to optimize your typography roster. Perfect for a myriad of projects—posters, flyers, emails, the web, and everything in between—it also includes a range of special characters like decorative swash elements to give you additional options.JAZZ – SVG Color Font
For an entirely new approach to jazz-inspired typeface, try this vibrant font that seems to have been inspired by the limitlessness of free jazz. Its significantly stylized and vivid characters also seem to have taken inspiration from graffiti fonts, especially due to the larger-than-life presentation of the individual letters and numbers, which makes for a very eclectic typeface.- T-shirt prints
- Musical posters
- Book and album covers
- Retro placards
- Logos
- Photo overlays
GISBERT Font + Vector Background
Art Deco is on full display in this gorgeous and cool font that espouses the vibe of The Great Gatsby, itself a work published at the height of the Jazz Age in 1925. Showing the flashy and glitzy splendor of Art Deco with the period-heavy influences of jazz, GISBERT comes in three styles: thin, sans-serif, and serif.- Vintage and retro product décor
- Leaflets
- Logos
- Flyers
- Booklets
- Gift certificates
- Posters
- Web projects
Jazz Style in Web Design
JazzRadio
A repository of 35 channels of this musical genre for its fans on the web, JazzRadio features an eclectic lineup that includes everything from bebop and smooth jazz to bossa nova and gypsy jazz.
Image Source: JazzRadio.com
The website’s main color is a deep, vivid red that evokes the smoothness and passion of jazz, while the website’s imagery is full of close-ups of jazz musicians and creative illustrations of instruments and jazz players. A layered dropdown menu provides a great user experience, and rich filtering options make it easy for fans to find the channel they want.
Classic Jazz Online
This retro-looking website is a jazz anthology whose mission it is to preserve the memory of early jazz music in the 20th century. A lot of the recordings made available for the listening pleasure of fans on the website are from shellac discs. Visitors to the website can listen to the works of pioneers like:- Artie Shaw
- Louis Armstrong
- Jelly Roll Morton
- Tommy Dorsey
- Bertha Chippie Hill
Image Source: Jazz-on-Line.com
Design-wise, the website is a fascinating study in harsh simplicity and utilitarian design choices, making it a prime example of brutalism in web design. Not only does the font in the website’s headline use an old-school font that makes you think of 1980s Mac computers, but its reliance on a pale color scheme and grainy illustrations and backgrounds emphasizes function over form—to the extreme.
TheJazzPage
Another vintage-inspired website that dovetails with the old-school roots of what we call jazz style, TheJazzPage uses a Flash intro or splash page that brings back fond memories of the Internet aesthetics of the late 1990s. Its color contrast between the silhouettes of the jazz musicians and the deep blue background gives off a soothing vibe that’s consistent with the smooth sounds of the musical genre.
Image Source: TheJazzPage.de
The website itself hasn’t had any new content added since 2004, though it’s still maintained and live. A fan page, it reflects the creator’s interest in primarily guitar and hardcore jazz. It offers all the midis, videos, and pictures you can handle…from a 2004 web-design standard.
UX-wise, it’s also an interesting look at design from almost 15 years ago, where the homepage logo is still represented by an actual house, there is no dropdown navigation for better efficiency, and left-hand navigation is still in style (plus, there are no social-media buttons to speak of!).
Music Meets the Visual
The beauty of jazz style is reflected in its relationship with the smoothness and prosperity of its era. During the Roaring Twenties, Art Deco was the design heavyweight, making it natural for the visual language of jazz to be so significantly touched by it. That’s not to say that jazz style didn’t develop its own, unique characteristics. It did as well. All you have to do is look at its soul, rhythm, and vintage elements to see a design trend that’s quite timeless, full of personality now as it was back in its heyday.Products Seen In This Post:
Getting started with hand lettering?
Free lettering worksheets
Download these worksheets and start practicing with simple instructions and tracing exercises.
Download now!
About the Author
Marc Schenker
Marc is a copywriter and marketer who runs The Glorious Company, a marketing agency. An expert in business and marketing, he helps businesses and companies of all sizes get the most bang for their ad bucks.
View More Posts
_N%C2%B077.JPG){kind=link}
4 Comments