Template for our websites

[dersuchendee]

I was thinking we should use a template for our websites- maybe a draft could be

Name of the template Time period Visual characteristics

• colour features

• font features

• margins

• background features

• additional features

Inspiration from (add sources, because we have to add the sources too)

What else?

[simayguzel]

Second Half of XX Century Swiss Design was a movement that took hold in the 1950s in two Swiss art schools, the kunstgewerbeschule in Zurich, led by Josef Müller-Brockmann, and the Allgemeine Gewerbeschule in Basel, led by Armin Hofmann. The Swiss style (International Typographic Style) was a major force in graphic design in the 50s through the 80s. Swiss Design uses asymmetric layouts with text aligned flush-left, ragged-right; sans serif typefaces like Akzidenz Grotesk and, later, Helvetica (originally called Neue Haas Grotesk); the use of photographs instead of illustration; and, most importantly, the deployment of a mathematically determined grid to determine the placement of design elements—a method that remains extremely important to this day in web design.The ‘50s are characterised by the use of light and very intense colours.

Josef Müller Brockmann is one of the most important graphic designers of Swiss Style in the 1950s. Here are some of his works:

Sources:

https://en.wikipedia.org/wiki/International_Typographic_Style https://visualartsdepartment.wordpress.com/swiss/ https://www.aic-color.org/resources/Documents/jaic_v8_06.pdf https://idearocketanimation.com/16662-video-aspect-ratio-guide/ https://99designs.it/blog/design-history-movements/swiss-design/

[dersuchendee]

--- Still in progress

1500-1800 Name: Divina Proportione (?) Inspiration: Leonardo Da Vinci's Notebook & XVI Century scientists' notes (Cesare Cesariano, Francesco Di Giorgio Martini)... + Andrea Pacioli, who was inspired by the study on polygons/geometric solids of Leonardo Useful link: https://medium.com/big-design-magazine/sketching-secrets-of-leonardo-da-vinci-62205c4bbd8e

https://www.avvenire.it/agora/pagine/leonardo-genio-scientifico-in-anticipo-anche-su-galileo for documentation

Features:

• Leonardo's handwriting as the font
• sepia images (for now) with hover that reveals the true colors
• quotes in bold
• h1"typewriter" animation, vertical
• date (tag: time) top right
• images side by side to text, as leonardo did
• vertical line beside images, as Leonardo did with text -animation of a bird drawn by Leonardo, as to show his drawings were "animated"

What would be cool to include:

• "pencil sketch" effect on images
• Pacioli inspired design on figcaption... idk how to do it, they did it in backtothefuture but I can't see the code of it anywhere in the inspection

[dersuchendee]

Second Half of XX Century

With the ending of Second World War, increase of consumerism is seen. Many advertising campaigns are seen throughout this era included techniques such as large type, realistic graphics inspired by photography and bright colors. A visual unity achieved by asymmetrical organization on a mathematically constructed grid; objective photography and type that presents information in a clear and factual manner.

The Swiss style (International Typographic Style) was a major force in graphic design in the 50s through the 80s. It emphasizes cleanness, readability, and objectivity. Grid structures and sans serif typography is used. The typefaces were set flush-left and ragged-right. The most popular typeface in that era was Helvetica.

The ‘50s are characterised by the use of light and very intense colours.

The aspect ratio was 2.35 by wrapping the image horizontally.

An example of Swiss Design (for margins, line, page size). I couldn't specifically find the margin line or pagination but i will try to make it look similar by experimenting. :)

Josef Müller Brockmann is one of the most important graphic designers of Swiss Style in the 1950s. Here are some of his works:

Sources:

https://en.wikipedia.org/wiki/International_Typographic_Style https://visualartsdepartment.wordpress.com/swiss/ https://www.aic-color.org/resources/Documents/jaic_v8_06.pdf https://idearocketanimation.com/16662-video-aspect-ratio-guide/ https://99designs.it/blog/design-history-movements/swiss-design/

ok kinda worried that your theme will be identical to mine, as swiss design was born thanks to bauhaus it seems :( why hadn't I thought of this? so I searched some differences and internet says:

• bauhaus uses the same geometric and title styles, swiss doesn't, uses different techniques (like collage)
• swiss uses only helvetica as a font
• swiss is more open for their design, bauhaus is moreposter style design
• swiss design is used now in fashion, bauhaus in modern magazines and posters