Divider

Divider bezeichnen Trennlinien die innerhalb des Designs definiert sind, um Inhalte zu gliedern und abzugrenzen. Für den Nutzer einer Website ist es eine visuelle Unterstützung zur Erfassung der Seiten- und Inhaltsstruktur.

Im Design ist der Einsatz von Trennlinien zurückhaltend, da eine optische Gliederung der Inhalte besser durch Überschriften, Zwischenüberschriften und auch Weißraum erfolgen kann. Trennlinien werden verwendet um einzelne Bereiche einer Website klar abzugrenzen, so dass der Nutzer schnell die Naviagtion und den eigentlichen Inhalt unterscheiden kann.

Bei Inhaltskomponenten die weiterführende Links und Linklisten abbilden, werden ebenfalls Trennlinien zur Abgrenzung dargestellt. 

Trennlinien werden generell mit 1px dargestellt. Sie unterscheiden sich, je nach Anwendungsbereich in Farbe und Aussehen. Für die Navigation sowie bei Linklisten wird die Portalfarbe in der 10% Farbabstufung verwendet und die Linie gepunktet (dotted) dargestellt. 

In der Header-Navigation gibt es eine optische Trennung der einzelnen Menüpunkte. Dazu werden eine schwarze  und eine weiße Trennlinie mit 25 % Transparenz direkt nebeneinander gesetzt.