Intro
Diese kleine Webseite habe ich 2020 fertiggestellt. Seither habe ich immer wieder an ihr gearbeitet. Sie dient als Spielweise und Experimentierfeld, auch um meine eigenen Designkenntnisse zu erweitern und die Grenzen auszuloten.
Ich habe auch einen Styleguide erstellt, falls es Sie interessiert.
Abschnitte auf dieser Seite
Ziele
- Mit Design Techniken und Tools sowie CSS, Farben und Schriften zu experimentieren
- Eine Vorlage für weitere Webseiten zu haben
- Mein Webhosting Angebot zu integrieren, um per Newsletter darauf zu verweisen
Tools
Diese Webseite wurde ohne Framework oder CMS gestaltet. Es handelt sich um hand-kodiertes HTML und CSS mit einigen Tools, die ich aus Open Source Projekten integriert habe.
Vielen Dank and die Open Source Community, die mir die folgenden, sehr nützlichen Tools zu Verfügung gestellt hat:
Gestaltung
- Responsive
- Professionell mit Funfaktor
- Valides Markup und Stylesheets, mit minimalem Scripting
- Universelles und verständliches Design
- Ansprechende und authentische Inhalte
- Lebhafte Gestaltung mit durchdachten Farben, Mustern und Typografie
Stile und Vorlagen
Ich habe einen Styleguide erstellt, der die Farben, Strukturen und gängigen Stile dokumentiert, die ich auf die Webseite angewendet habe.
Typographie
Diese Webseite benutzt den Metropolis Font by Chris Simpson und den Castoro Font by Tiro Typeworks in den Stärken 400 und 700, die ich von Fonts Arena heruntergeladen habe und die lokal gehostet werden.
Ikonographie
Die Icons auf der Webseite wurden von flaticon.com heruntergeladen und bearbeitet. Andere Icons sind von Font Awesome by Dave Gandy.
Inspiration und Dank
Der Dank geht insbesondere an Michael Edelstone, der mir verzeihen möge, dass die Webseite mit seiner eine gewisse Ähnlichkeit aufweist.