{"id":48495,"date":"2018-01-02T08:03:54","date_gmt":"2018-01-02T16:03:54","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=48495"},"modified":"2024-04-17T00:35:04","modified_gmt":"2024-04-17T07:35:04","slug":"swiss-design-history-examples","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/swiss-design-history-examples","title":{"rendered":"Swiss Design: History, Examples, and Fonts to Inspire Your Work"},"content":{"rendered":"<p>You&acirc;&euro;&trade;d be hard-pressed to find another school of design that has had so much profound influence on the development of graphic design throughout the 20<sup>th<\/sup> century as the Swiss has. Because of this distinction, chances are great that you&acirc;&euro;&trade;ve already seen numerous examples of Swiss in various forms of graphic design, unbeknownst to you!\nSwiss Design is<strong>&Acirc;&nbsp;<\/strong>widely admired for its clean lines, objectivity, and readability. It has enjoyed massive impact on graphic design as a whole, especially with the modernist movement. A study in minimalism, Swiss Design tended to emphasize typography in its works.\nIn this primer on this style, you&acirc;&euro;&trade;ll learn everything from its roots and memorable examples to breathtaking fonts and everything in between.\n<h2><span class=\"ez-toc-section\" id=\"The_History_of_Swiss_Design\"><\/span>The History of Swiss Design<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nDesign is regarded as a communication medium, first and foremost. Swiss Design intended to showcase information more objectively, liberated from any associated meanings. In this context, this graphic design style is one for the purists.\n<\/p><h3><span class=\"ez-toc-section\" id=\"Early_Days\"><\/span>Early Days<span class=\"ez-toc-section-end\"><\/span><\/h3><p>\nTo discover this movement&#8217;s roots, we have to travel all the way back to 1896, when the Berlin-based <a href=\"https:\/\/www.bertholdtypes.com\/\">Berthold Type Foundry<\/a> came out with its <a href=\"https:\/\/en.wikipedia.org\/wiki\/Akzidenz-Grotesk\">Akzidenz Grotesk Typeface<\/a> in an effort to&acirc;&euro;&rdquo;you guessed it&acirc;&euro;&rdquo;represent an objective design style. This event was the spark that led to the evolution of what would eventually become the Swiss style: a movement interested in communicating its message clearly and in a way that was universally direct.\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-48499 aligncenter\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003022\/Screen-Shot-2017-12-24-at-8.09.20-PM.jpg.webp\" alt=\"\" width=\"672\" height=\"384\">\nTwo main Swiss design schools are directly praiseworthy for their contributions to Swiss&acirc;&euro;&trade; expansion. First, the <em>Basel Design School<\/em>, in 1908, took matters into its own hands. It adjusted one of its foundational courses after taking inspiration from a grid work-based graphic-design method that started in the 19<sup>th<\/sup> century.\n<\/p><h3><span class=\"ez-toc-section\" id=\"A_Philosophy_Takes_Shape\"><\/span>A Philosophy Takes Shape<span class=\"ez-toc-section-end\"><\/span><\/h3><p>\nA decade later in 1918, Kunstgewerbeschule Z&Atilde;&frac14;rich, Switzerland&acirc;&euro;&trade;s biggest arts university, hired Ernst Keller as a professor. He promptly started development on a typography and graphic design course. Keller was preoccupied with teaching his students an approach to style that emphasized a unique philosophy at the time.\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48500\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003029\/Screen-Shot-2017-12-24-at-8.12.15-PM.jpg.webp\" alt=\"\" width=\"677\" height=\"779\">\nHe believed that design solutions should come from the <em>design problems<\/em> themselves. This philosophy is extremely interesting because it represents an intentional rebellion against previous design schools of thought that stressed beauty for no other reason than for beauty itself&acirc;&euro;&rdquo;which doesn&acirc;&euro;&trade;t always lead to the best and most functional design solutions.\nThis rebellion against style over substance is one that has repeated itself throughout design history, with the most prominent, recent example occurring in web design in our time. When Apple rejected <a href=\"https:\/\/creativemarket.com\/blog\/5-web-design-trends-on-the-decline\">skeuomorphic design<\/a> (designing user-interface graphics like icons and buttons to resemble their real-life counterparts) in favor of today&acirc;&euro;&trade;s <a href=\"https:\/\/creativemarket.com\/blog\/12-creative-examples-of-flat-web-design\">flat and minimalist design<\/a>, they did so with the implicit message that they were moving away from the excesses of skeuomorph. Skeuomorphism was routinely criticized for being a design style that was more about appearance than function.\n<\/p><h3><span class=\"ez-toc-section\" id=\"Helvetica_and_Swiss_DesignaE%E2%84%A2s_Growth\"><\/span>Helvetica and Swiss Design&acirc;&euro;&trade;s Growth<span class=\"ez-toc-section-end\"><\/span><\/h3><p>\nLet&acirc;&euro;&trade;s fast-forward to the 1950s. This decade saw more powerful growth for Swiss. It saw the consolidation of Swiss&acirc;&euro;&trade; unique design elements into <a href=\"https:\/\/creativemarket.com\/blog\/whats-with-all-the-sans-serif-logos\">sans-serif<\/a> typefaces such as <a href=\"https:\/\/en.wikipedia.org\/wiki\/Univers\">Univers<\/a>. Univers&acirc;&euro;&trade; development was the pivotal touchstone that then gave the world one of the most beloved and widely used typefaces ever: <em>Helvetica.<\/em> After Univers, a Swiss typeface designer named Max Miedinger and his collaborator, Edouard Hoffman, took inspiration from it and came up with Helvetica, originally known as &acirc;&euro;&oelig;Neue Haas Grotesk&acirc;&euro;.\nBoth Univers and Helvetica were the results of a design movement that sought to capitalize on the resurgence of grotesque font families in the design houses of Europe at the time. This is evident in the original name of Helvetica.\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48501\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003034\/Screen-Shot-2017-12-24-at-8.14.18-PM.jpg.webp\" alt=\"\" width=\"674\" height=\"718\">\nThe typographers designing <a href=\"https:\/\/creativemarket.com\/blog\/20-awesome-products-every-helvetica-lover-should-own\">Helvetica<\/a> had the following goals:\n<\/p><ul>\n \t<li>Making it an exceptionally readable font<\/li>\n \t<li>Applying it to longer text or copy<\/li>\n \t<li>Creating a pure font family<\/li>\n<\/ul><p>\nThey succeeded, as today, the American Writers &amp; Artists Inc. resource lists <a href=\"http:\/\/www.awaionline.com\/2011\/10\/the-best-fonts-to-use-in-print-online-and-email\/\">Helvetica as one of the most popular sans serifs<\/a>&Acirc;&nbsp;in history.\n<\/p><h3><span class=\"ez-toc-section\" id=\"Expansion_Beyond_Switzerland_and_Into_America\"><\/span>Expansion Beyond Switzerland and Into America<span class=\"ez-toc-section-end\"><\/span><\/h3><p>\nThe end of World War II greatly helped in the expansion of Swiss Design beyond Switzerland&acirc;&euro;&trade;s borders. With the resumption of relations between America and Europe, driven in large part by international trade and commerce, design and typography were critical in making these relations grow stronger.\nThink about it: at its heart, design about messaging and communication. Design that&acirc;&euro;&trade;s characterized by objectivity, <a href=\"https:\/\/creativemarket.com\/blog\/typography-tricks-readable\">clarity,&Acirc;&nbsp;and readability<\/a> goes a long way toward helping new relations progress further, especially when the participants don&acirc;&euro;&trade;t speak the same language or share the same cultural values.\nOne of the earliest American designers to really understand this truth was Rudolph de Harak. Throughout the 1960s, as a designer of book jackets for McGraw-Hill publications, he incorporated Swiss into his works. His book jackets frequently show a grid alignment that&acirc;&euro;&trade;s flush left and ragged right.\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48503\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003039\/Screen-Shot-2017-12-24-at-8.17.42-PM.jpg.webp\" alt=\"\" width=\"664\" height=\"705\">\nFrom there, an increasing number of companies and entities all over America started to use Swiss in their designs and materials, and the trend continued over the next few decades. One such institution that became a champion for Swiss was the Massachusetts Institute of Technology (MIT).\nA prominent case study of this can be seen in the design works of the late <a href=\"https:\/\/en.wikipedia.org\/wiki\/Jacqueline_Casey\">Jacqueline Casey<\/a>, who was the director of MIT&acirc;&euro;&trade;s Office of Publications for nearly two decades. She was well-known for using the Swiss style in the many memorable posters created for MIT&acirc;&euro;&trade;s publications and events.\n<\/p><h2><span class=\"ez-toc-section\" id=\"Characteristics_of_Swiss_Design\"><\/span>Characteristics of Swiss Design<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nSwiss is unique and dedicated to specific design principles that have both set it apart from other schools of design and made it instantly recognizable.\nCheck out some of the Swiss style graphics and resources we feature in our marketplace:    <figure id=\"card-15218-1524531526\" class=\"product-card full 1\" data-product-id=\"15218\" data-index=\"0\" data-width=\"full\" data-pin_it=\"1\" data-module=\"Product Embed\" data-block-id=\"1524531526\"><\/figure>\n        <figure id=\"card-19797-1653571456\" class=\"product-card full 1\" data-product-id=\"19797\" data-index=\"0\" data-width=\"full\" data-pin_it=\"1\" data-module=\"Product Embed\" data-block-id=\"1653571456\"><\/figure>\n        <figure id=\"card-15794-821981837\" class=\"product-card full 1\" data-product-id=\"15794\" data-index=\"0\" data-width=\"full\" data-pin_it=\"1\" data-module=\"Product Embed\" data-block-id=\"821981837\"><\/figure>\n        <figure id=\"card-4719-1754928112\" class=\"product-card full 1\" data-product-id=\"4719\" data-index=\"0\" data-width=\"full\" data-pin_it=\"1\" data-module=\"Product Embed\" data-block-id=\"1754928112\"><\/figure>\n        <figure id=\"card-1852-2125529871\" class=\"product-card full 1\" data-product-id=\"1852\" data-index=\"0\" data-width=\"full\" data-pin_it=\"1\" data-module=\"Product Embed\" data-block-id=\"2125529871\"><\/figure>\n        <figure id=\"card-7385-396066282\" class=\"product-card full 1\" data-product-id=\"7385\" data-index=\"0\" data-width=\"full\" data-pin_it=\"1\" data-module=\"Product Embed\" data-block-id=\"396066282\"><\/figure>\n        <figure id=\"card-1967923-1075483262\" class=\"product-card full 1\" data-product-id=\"1967923\" data-index=\"0\" data-width=\"full\" data-pin_it=\"1\" data-module=\"Product Embed\" data-block-id=\"1075483262\"><\/figure>\n    \n<\/p><h3><span class=\"ez-toc-section\" id=\"The_Grid_System\"><\/span>The Grid System<span class=\"ez-toc-section-end\"><\/span><\/h3><p>\nOne of the first things about Swiss that hits you right in the face is the conspicuous use of grids. In the Swiss design philosophy, the grid is regarded as the most legible and harmonious method for organizing information. That&acirc;&euro;&trade;s why the grid is the starting point for every composition.\nIn design, the grid is a framework for how and where content is laid out. This applies to both the web (think of well-organized and clean sites and apps) and print (magazines, newspapers, brochures, etc.). Grids are created by intersecting vertical, horizontal, and sometimes curved or angular lines to guide the designer.\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48504\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003045\/Screen-Shot-2017-12-24-at-8.20.50-PM.jpg.webp\" alt=\"\" width=\"649\" height=\"663\">\nThese grids are highly useful in empowering designers to lay out the content on any page (web or print)&Acirc;&nbsp;so that it&acirc;&euro;&trade;s legible, readable, and aesthetically pleasing. Content on grids is typically laid out with respect to:\n<\/p><ul>\n \t<li>The entire page<\/li>\n \t<li>Other elements on the same page<\/li>\n \t<li>Other parts or areas of the same graphical shape or element on the same page<\/li>\n<\/ul><p>\nGrids have a longstanding tradition in excellent design. Even in photography, <a href=\"https:\/\/creativemarket.com\/blog\/how-to-rule-of-thirds-photography\">the rule of thirds<\/a> uses an imaginary grid system to help photographers position compositional elements in the most visually appealing manner.\n<\/p><h3><span class=\"ez-toc-section\" id=\"Typefaces\"><\/span>Typefaces<span class=\"ez-toc-section-end\"><\/span><\/h3><a href=\"https:\/\/creativemarket.com\/blog\/100-web-typography-examples\">Typography<\/a><p> is also distinct in this style. Text is typically aligned <a href=\"https:\/\/www.fonts.com\/content\/learning\/fontology\/level-2\/making-type-choices\/justified-vs-rag-right\">flush left or ragged right<\/a>. This is nothing more than a typographer&acirc;&euro;&trade;s fancy way of saying that typefaces arranged in Swiss, compared to other formatting, are:\n<\/p><ul>\n \t<li>Natural to read<\/li>\n \t<li>Easier to set<\/li>\n \t<li>Need less tweaking to finesse<\/li>\n \t<li>More informal<\/li>\n \t<li>Not manipulated from the original setting<\/li>\n \t<li>Superior in type color and texture<\/li>\n<\/ul><p>\nThere are also recurring font choices within Swiss graphics.&Acirc;&nbsp;They&#8217;re usually sans serifs, selected to drive home the message of simplicity and minimalism. The earliest Swiss typographers believed that sans serif type families were the best alternative to capture the nature of a progressive age.\nAnother interesting feature of fonts within Swiss design are their varying sizes. We&acirc;&euro;&trade;re used to seeing fonts always be of a uniform size in any given school of design, so Swiss shakes things up by routinely using contrasting font sizes.\nThis technique of inconsistency makes things much more visually engaging and appealing to the viewer. It also serves a functional purpose, as different font sizes offer crucial clues about the hierarchical importance of the information:\n<\/p><ul>\n \t<li>Bigger fonts are in the headlines and the top of the page-level content (think information architecture on web pages)<\/li>\n \t<li>Smaller fonts tend to be found in the body and subsequent subsections of content<\/li>\n<\/ul><p>\nHere&acirc;&euro;&trade;s a collection of Swiss Design-inspired fonts:\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48506\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003050\/Screen-Shot-2017-12-24-at-8.22.37-PM.jpg.webp\" alt=\"\" width=\"666\" height=\"696\">\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48507\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003055\/Screen-Shot-2017-12-24-at-8.25.09-PM.jpg.webp\" alt=\"\" width=\"668\" height=\"631\">\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48510\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003101\/Screen-Shot-2017-12-24-at-8.31.23-PM.jpg.webp\" alt=\"\" width=\"662\" height=\"586\">\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48511\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003107\/Screen-Shot-2017-12-24-at-8.32.32-PM.jpg.webp\" alt=\"\" width=\"654\" height=\"789\">\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48512\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003112\/Screen-Shot-2017-12-24-at-8.33.12-PM.jpg.webp\" alt=\"\" width=\"676\" height=\"500\">\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48514\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003117\/Screen-Shot-2017-12-24-at-8.36.36-PM.jpg.webp\" alt=\"\" width=\"632\" height=\"604\">\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48515\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003122\/Screen-Shot-2017-12-24-at-8.37.36-PM.jpg.webp\" alt=\"\" width=\"640\" height=\"830\">\n&nbsp;\n<\/p><h3><span class=\"ez-toc-section\" id=\"Imagery\"><\/span>Imagery<span class=\"ez-toc-section-end\"><\/span><\/h3><p>\nThe sensibilities of this style also govern the use of images. Any photography for Swiss-inspired designs is typically chosen with objectivity in mind. Images should be free of anything that smacks of commercial advertising or propaganda of any sort, again, for purist reasons.\nThis belief of how images should be used comes from the philosophy of the early Swiss pioneers. They believed that design was meant to be for the good of society. Ergo, designs should be <em>objective<\/em> transmitters of information among various parts of society.\n<\/p><h3><span class=\"ez-toc-section\" id=\"White_or_Negative_Space\"><\/span>White or Negative Space<span class=\"ez-toc-section-end\"><\/span><\/h3><p>\nWhite, or negative, space allows all the previously mentioned elements in the Swiss style to &acirc;&euro;&oelig;breathe.&acirc;&euro; White space is an element that lets the viewer&acirc;&euro;&trade;s eyes rest and reiterates focus on the actual design elements within the frame. The actual design elements&acirc;&euro;&rdquo;images, fonts, etc.&acirc;&euro;&rdquo;are referred to as the <em>positive space<\/em>.\nThis technique is very popular in Swiss. Glance at anything that&acirc;&euro;&trade;s been designed with Swiss inspiration &acirc;&euro;&rdquo;a poster, a brochure, a website or app&acirc;&euro;&rdquo;and you can&acirc;&euro;&trade;t help but notice the copious amount of white space.\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48517\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003128\/Screen-Shot-2017-12-24-at-8.40.23-PM.jpg.webp\" alt=\"\" width=\"619\" height=\"633\">\nUsing white space also ties into the overarching and consistent theme of minimalism. Thanks to white space, there are fewer elements in compositions, thereby making the design less &acirc;&euro;&oelig;busy.&acirc;&euro; When a design functions on this &acirc;&euro;&oelig;less is more&acirc;&euro; principle, the viewer is really in for a treat because he gets to appreciate and admire the unique elements of this design style with greater clarity.\n<\/p><h2><span class=\"ez-toc-section\" id=\"Famous_Examples_of_the_Swiss_Style\"><\/span>Famous Examples of the Swiss Style<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nThroughout history, there have been noteworthy examples of Swiss Design in print and on the web.\n<\/p><h3><span class=\"ez-toc-section\" id=\"Rudolph_de_HarakaE%E2%84%A2s_McGraw-Hill_Book_Jackets\"><\/span>Rudolph de Harak&acirc;&euro;&trade;s McGraw-Hill Book Jackets<span class=\"ez-toc-section-end\"><\/span><\/h3><p>\nAs the first American designer to really incorporate Swiss into his own designs in a big way, Rudolph de Harak <a href=\"https:\/\/www.aiga.org\/medalist-rudolphdeharak\">created some standout book jackets<\/a> in the 1960s. These designs got to the heart of the Swiss style and demonstrated a solid understanding of the movement.\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48520\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003133\/Screen-Shot-2017-12-24-at-8.50.23-PM.jpg.webp\" alt=\"\" width=\"654\" height=\"472\">\nNote the famous Swiss characteristics in his book jackets:\n<\/p><ul>\n \t<li>Fonts of varying heights and sizes<\/li>\n \t<li>Copious amounts of white space<\/li>\n \t<li>Simplicity and minimalism<\/li>\n<\/ul><h3><span class=\"ez-toc-section\" id=\"Jacqueline_CaseyaE%E2%84%A2s_MIT_Posters\"><\/span>Jacqueline Casey&acirc;&euro;&trade;s MIT Posters<span class=\"ez-toc-section-end\"><\/span><\/h3><p>\nJacqueline Casey&acirc;&euro;&trade;s tenure as director for MIT&acirc;&euro;&trade;s Office of Publications saw MIT embrace Swiss Design in many of its graphical creations, most prominently in its posters. These posters were created to advertise and announce a variety of events and literature for the school.\n<a href=\"https:\/\/library.rit.edu\/gda\/designers\/jacqueline-casey\">Casey&acirc;&euro;&trade;s work<\/a> was put on display in various places across the world. Besides MIT, her designs were exhibited at the London College of Printing and the Chelsea School of Art in London.\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48522\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003137\/Screen-Shot-2017-12-24-at-8.55.08-PM.jpg.webp\" alt=\"\" width=\"672\" height=\"609\">\nHer design philosophy was to instantly catch the viewer&acirc;&euro;&trade;s attention with striking imagery &acirc;&euro;&rdquo; long enough for them to stop, stare, and then finally read the text on the poster that would advertise the event or exhibition at MIT.\nNote how her posters feature:\n<\/p><ul>\n \t<li>Vivid fonts and <a href=\"https:\/\/creativemarket.com\/blog\/and-the-pantone-color-of-the-year-is-two-colors\">colors<\/a><\/li>\n \t<li>Eye-grabbing imagery<\/li>\n \t<li>Typefaces of various sizes<\/li>\n<\/ul><h3><span class=\"ez-toc-section\" id=\"Google_DesignaE%E2%84%A2s_Best_of_2017_Retrospective\"><\/span>Google Design&acirc;&euro;&trade;s Best of 2017 Retrospective<span class=\"ez-toc-section-end\"><\/span><\/h3><p>\nSo far, many of the Swiss style examples we&acirc;&euro;&trade;ve been exploring have come from the traditional medium of print. Unsurprisingly, Swiss is also influential on the web, as good design will live anywhere. What better entity than the world&acirc;&euro;&trade;s most powerful Internet company to also get on the Swiss bandwagon?\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48523\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003143\/Screen-Shot-2017-12-24-at-8.56.43-PM.jpg.webp\" alt=\"\" width=\"668\" height=\"878\">\n<a href=\"https:\/\/design.google\/\">Google Design&acirc;&euro;&trade;s Best of 2017<\/a> is a webpage that revisits some of the year&acirc;&euro;&trade;s best design highlights. A subset of Google Design, where the Internet giant&acirc;&euro;&trade;s designers, writers,&Acirc;&nbsp;and developers get together to f&Atilde;&ordf;te leaders in their field, the page lays out numerous entries by month in a grid system, organizing the content horizontally and vertically by rows and columns. The end result is a very attractive page that provides excellent UX for readers who want to delve into all the exciting design happenings of the year.\n<\/p><h2><span class=\"ez-toc-section\" id=\"Associated_Design_Movements\"><\/span>Associated Design Movements<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nThe beauty of Swiss is that it emerged as other design movements were also taking shape. The outcome is that Swiss influenced and was influenced by these other design styles. Here&acirc;&euro;&trade;s a brief rundown of them.\n<\/p><h3><span class=\"ez-toc-section\" id=\"De_Stijl\"><\/span>De Stijl<span class=\"ez-toc-section-end\"><\/span><\/h3><p>\nThis Dutch movement, also known as Neoplasticism, started in 1917. Dutch for &acirc;&euro;&oelig;The Style,&acirc;&euro; this movement was driven by architects and artists. Features of De Stijl included universality and pure abstraction by way of lessening the influences of shape and color.\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48524\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003148\/Screen-Shot-2017-12-24-at-8.57.46-PM.jpg.webp\" alt=\"\" width=\"677\" height=\"328\">\nInstead of using a broad spectrum of elements in their designs, De Stijl practitioners only used:\n<\/p><ul>\n \t<li>Horizontal and vertical compositions<\/li>\n \t<li>Black and white colors<\/li>\n \t<li>Primary <a href=\"https:\/\/creativemarket.com\/blog\/how-to-choose-the-best-colors-for-your-brand\">colors<\/a><\/li>\n<\/ul><h3><span class=\"ez-toc-section\" id=\"Bauhaus\"><\/span>Bauhaus<span class=\"ez-toc-section-end\"><\/span><\/h3><p>\nBauhaus Design comes to us from the German art school by the same name that was in operation from 1919 to 1931. The underpinning philosophy of this school, which also birthed the design movement, was to combine all the arts (graphic design, interior design, architecture, art, etc.) into a total work of art.\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48525\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003152\/Screen-Shot-2017-12-24-at-8.59.05-PM.jpg.webp\" alt=\"\" width=\"680\" height=\"610\">\nThis design system had the following characteristics:\n<\/p><ul>\n \t<li>Pure geometry<\/li>\n \t<li>A rejection of ornamentation (read: excess)<\/li>\n \t<li>The goal of form following function in design<\/li>\n<\/ul><h3><span class=\"ez-toc-section\" id=\"Suprematism\"><\/span>Suprematism<span class=\"ez-toc-section-end\"><\/span><\/h3><p>\nWe travel to Russia for the roots of Suprematism. Founded in 1913 by Russian art theoretician and painter Kazimir Malevich, this school of design focused on elementary geometric shapes such as circles, rectangles, lines and squares, all painted in a conservative range of colors.\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48527\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003157\/Screen-Shot-2017-12-24-at-9.00.48-PM.jpg.webp\" alt=\"\" width=\"649\" height=\"654\">\nThe philosophy behind this design movement is an abstract form of art where the <em>supremacy<\/em> of unadulterated artistic feeling reigns supreme, instead of the mere, visual display of objects.\n<\/p><h3><span class=\"ez-toc-section\" id=\"Constructivism\"><\/span>Constructivism<span class=\"ez-toc-section-end\"><\/span><\/h3><p>\nAnother design movement out of Russia that started in 1913, Constructivism was founded by Vladimir Tatlin, an architect and painter. Part of the avant-garde movement in Russia, Tatlin became famous for his designs for Tatlin&acirc;&euro;&trade;s Tower or the Monument to the Third International. This was never built, however.\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-48528\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003203\/Screen-Shot-2017-12-24-at-9.03.17-PM.jpg.webp\" alt=\"\" width=\"640\" height=\"425\">\nConstructivism was a <em>reaction<\/em> to something: it was a rejection of the concept of autonomous art. Philosophically, this design school wished to use art as a means to social purposes. In turn, it impacted other design movements in Europe at the time, such as Bauhaus and De Stijl. It&acirc;&euro;&trade;s known for:\n<\/p><ul>\n \t<li>Minimalistic palettes<\/li>\n \t<li>Photo montages<\/li>\n \t<li>Geometric reduction<\/li>\n<\/ul><p>\nThe common bond between Swiss Design and these four schools of design that developed around the same time was reductionism. Essentially, the goal was to attain purity in design by <a href=\"https:\/\/creativemarket.com\/blog\/simplicity-in-web-and-graphic-design\">minimalism<\/a> and objectivity as part of an aesthetically captivating technique that transmitted messages via color-based and geometric hierarchies.\n<\/p><h2><span class=\"ez-toc-section\" id=\"When_DesignA_Wants_to_Communicate_Clearly\"><\/span>When Design&Acirc;&nbsp;Wants to Communicate Clearly<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nTo many people, Swiss Design looks cool, and rightly so. To its creators and developers, it served more than an aesthetic function. This stripped-down design approach was based on purity, minimalism,&Acirc;&nbsp;and objectivity in design, so as to convey messages with more clarity than ever.\nIn its 100 or so years of existence, this design school has survived World War II and design excesses to become one of the most enduring and visually appealing forms of design in history.\n<\/p><hr><strong>Products Seen In This Post:<\/strong><\/p>    <figure id=\"card-1167917-1852876236\" class=\"product-card half no-pinit\" data-product-id=\"1167917\" data-index=\"0\" data-width=\"half\" data-pin_it=\"no-pinit\" data-module=\"Product Embed\" data-block-id=\"1852876236\"><\/figure>\n        <figure id=\"card-344087-1127546819\" class=\"product-card half no-pinit\" data-product-id=\"344087\" data-index=\"0\" data-width=\"half\" data-pin_it=\"no-pinit\" data-module=\"Product Embed\" data-block-id=\"1127546819\"><\/figure>\n    \n","protected":false},"excerpt":{"rendered":"<p>You&acirc;&euro;&trade;d be hard-pressed to find another school of design that has had so much profound influence on the development of graphic design throughout the 20th century as the Swiss has. Because of this distinction, chances are great that you&acirc;&euro;&trade;ve already seen numerous examples of Swiss in various forms of graphic design, unbeknownst to you! Swiss [&hellip;]<\/p>\n","protected":false},"author":144,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[1659,59],"tags":[291,1480],"topics":[],"class_list":["post-48495","post","type-post","status-publish","format-standard","hentry","category-trend-reports","category-design-trends","tag-design-history","tag-swiss"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.4 (Yoast SEO v28.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Swiss Design: History, Examples, and Fonts to Inspire Your Work - Creative Market Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativemarket.com\/blog\/swiss-design-history-examples\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Swiss Design: History, Examples, and Fonts to Inspire Your Work\" \/>\n<meta property=\"og:description\" content=\"You&acirc;&euro;&trade;d be hard-pressed to find another school of design that has had so much profound influence on the development of graphic design\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/swiss-design-history-examples\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-02T16:03:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-17T07:35:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003022\/Screen-Shot-2017-12-24-at-8.09.20-PM.jpg.webp\" \/>\n<meta name=\"author\" content=\"Marc Schenker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marc Schenker\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/swiss-design-history-examples\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/swiss-design-history-examples\",\"name\":\"Swiss Design: History, Examples, and Fonts to Inspire Your Work - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/swiss-design-history-examples#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/swiss-design-history-examples#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2018\\\/01\\\/17003022\\\/Screen-Shot-2017-12-24-at-8.09.20-PM.jpg.webp\",\"datePublished\":\"2018-01-02T16:03:54+00:00\",\"dateModified\":\"2024-04-17T07:35:04+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/b1e20fb9aeef6b45762dbab55e31c7c8\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/swiss-design-history-examples#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/swiss-design-history-examples\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/swiss-design-history-examples#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2018\\\/01\\\/17003022\\\/Screen-Shot-2017-12-24-at-8.09.20-PM.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2018\\\/01\\\/17003022\\\/Screen-Shot-2017-12-24-at-8.09.20-PM.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/swiss-design-history-examples#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Swiss Design: History, Examples, and Fonts to Inspire Your Work\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Swiss Design: History, Examples, and Fonts to Inspire Your Work - Creative Market Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creativemarket.com\/blog\/swiss-design-history-examples","og_locale":"en_US","og_type":"article","og_title":"Swiss Design: History, Examples, and Fonts to Inspire Your Work","og_description":"You&acirc;&euro;&trade;d be hard-pressed to find another school of design that has had so much profound influence on the development of graphic design","og_url":"https:\/\/creativemarket.com\/blog\/swiss-design-history-examples","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2018-01-02T16:03:54+00:00","article_modified_time":"2024-04-17T07:35:04+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003022\/Screen-Shot-2017-12-24-at-8.09.20-PM.jpg.webp","type":"","width":"","height":""}],"author":"Marc Schenker","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Marc Schenker","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/swiss-design-history-examples","url":"https:\/\/creativemarket.com\/blog\/swiss-design-history-examples","name":"Swiss Design: History, Examples, and Fonts to Inspire Your Work - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/swiss-design-history-examples#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/swiss-design-history-examples#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003022\/Screen-Shot-2017-12-24-at-8.09.20-PM.jpg.webp","datePublished":"2018-01-02T16:03:54+00:00","dateModified":"2024-04-17T07:35:04+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/b1e20fb9aeef6b45762dbab55e31c7c8"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/swiss-design-history-examples#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/swiss-design-history-examples"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/swiss-design-history-examples#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003022\/Screen-Shot-2017-12-24-at-8.09.20-PM.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2018\/01\/17003022\/Screen-Shot-2017-12-24-at-8.09.20-PM.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/swiss-design-history-examples#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Swiss Design: History, Examples, and Fonts to Inspire Your Work"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/48495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/144"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=48495"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/48495\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=48495"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=48495"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=48495"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=48495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}