"

Web

Grundlagen

Minimale gestalterische Grundlagen, die so weit wie möglich eingehalten werden sollen:

Schrift

Desktop

Mobile

Sollte es aufgrund technischer Restriktionen nicht möglich sein, die oben erwähnten Schriften in Ihrem Projekt einzubinden, verwenden Sie stattdessen eine serifenlose Alternative:

Helvetica, Arial, Sans-Serif

 

Web-Farben

Nicht alle HfH-Farben weisen einen ausreichend hohen Kontrast auf, um vor schwarzem und weissem Hintergrund als Schriftfarbe genutzt zu werden. Das Buch E-Accessibility an der HfH liefert hierzu genauere Informationen, inklusive aller Kontraste der HfH-Farben vor weissem respektive schwarzem Hintergrund.

Helle Farben für Boxen

  • für Green ➜ hellgrün: #eef5e0
  • für Turquoise ➜ helltürkis: #ecf9f7
  • für Blue ➜ hellblau: #dbeffd mit dunklerem ! Dunkelblau: #3a6f92 statt #427ca4
  • für Thunderbird Red ➜ hellrot: #f8e8e9 (Fantasy Pastel)
  • ?? für Orange/Braun ➜ hellorange/braun: #FFF0DB
  • NEU/DRAFT: #ff8800 für Maskottchen

Logo

Folgende Logo-Varianten werden verwendet:

Logo Header

Logo Footer

Lizenz

Styleguide HfH Copyright © Interkantonale Hochschule für Heilpädagogik Zürich. Alle Rechte vorbehalten.