Gestaltungsvorgaben Webseite Design
Farben
Farbklima (wichtig für ein stringentes Erscheinungsbild)
Headlines, Sublines, Farbflächen, Hintergründe, Auszeichnungen…
Das TSV Blau
- CMYK: 93/54/3/0
- RGB: 21/103/166
- # 1567a6
Akzentfarbe
- CMYK: 69/27/6/0
- RGB: 101/153/195
- # 6599c3
Fondfarbe 1
- CMYK: 33/5/0/0
- RGB: 188/216/238
- # #BCD8EE
Fondfarbe2
- CMYK: 14/6/2/0
- RGB: 226/232/240
- #E2E8F0
Typografie
Einheitliche Schriftfonts sorgen für gute Lesbarkeit und sind wichtiger Bestandteil des kommunikativen Auftrittes nach außen. (DSGVO beachten – Google Fonts).
Headlines
- PTSANS Bold
- 36 pt
- Großbuchstaben
- medium
Akzent
- ArchitectDaughter
- 22 bis 29 pt
ArchitectDaughter
Bodytext
- PTSANS regular
- 16 – 20 pt
- normal
- medium
Logo umgang
Raster und Aufbau Webseite
Header
Logo, Kontakt, Suche, Social Media, Navigation
Content (Startseite)
Logo, Kontakt, Suche, Social Media, Navigation
2 spaltiger aufbau
Bild, Test, Posts, Buttons....
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
2 spaltiger aufbau
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Bild, Test, Posts, Buttons....
3- spaltiger aufbau
Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
3- spaltiger aufbau
Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
3- spaltiger aufbau
Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Pre-Footer (optional)
Handlungsappell • Bild • Filmsequenz
Footer
Logo, Kontakt, Claim, Social Media, Impressum, Datenschutz
Header
Logo, Kontakt, Suche, Social Media, Navigation
Abteilungsseite
Info über die Abteilungen
2 spaltiger aufbau
Allgemeine Infos über Abt.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
2 spaltiger aufbau
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Aktuelles und Link zur aBteilungswebseite
Pre-Footer (optional)
Handlungsappell • Bild • Filmsequenz
Footer
Logo, Kontakt, Claim, Social Media, Impressum, Datenschutz
Was wir von Euch noch benötigen:
- Porträtfotos der Abteilungsverantwortlichen mit Kontaktmöglichkeit
- Texte, Fotos und aktuelle Informationen zu den Abteilungen für eine Kurzbeschreibung.
- Was ist Euch inhaltlich wichtig?