Ausgehend von der Startseite der TU Berlin erreicht der Nutzer verschiedene Übersichtsseiten, welche ihm das Auffinden von bestimmten Inhalten erleichtern.

• Übersichtsseite Inhalte (Sitemap)
• Übersichtsseite Zielgruppen (weitere Details zu den einzelnen Elementen finden sich im Abschnitt Module)
• Übersichtsseite Fakultäten
• Übersichtsseite Kalender

Die Übersichtsseite wird optional mit einem Text, Text/Bild Intro oder einer Sprungmarkennavigation eingeleitet. Zusätzlich enthält sie verschiedene Teaser auf Unterseiten, sowie Teaserlisten. Optional können Bild/Text-Kombinationen eingesetzt werden.

Die Teaser werden eingesetzt, um tieferliegende Inhalte an die Oberfläche zu holen und den Nutzern ein interessantes Leseangebot machen. Die über dem Teaser stehende Absenderkennung dient dazu, den Nutzern eine bessere Orientierung zwischen verschiedenen Absendern oder Rubriken zu geben.

Teaser über den gesamten Inhaltsbereich haben eine Breite von 99% und sind links gefloatet. Schmale Teaser haben eine Breite von 235px und sind links gefloatet.

Teaserlisten sind eine Kombination aus kurzen Textteasern, die gruppiert und mit einer Überschrift ergänzt werden. Die Teaser werden je nach Einsatz mit verschiedenen Zusatzinformationen ergänzt. Teaserlisten bestehen aus einem <div class="listing">, das eine Liste (ul) beinhaltet.

>> Funktionsübersicht: Inhaltsverzeichnis
>> TUB-Website: Studieninteressierte
>> TUB-Website: Fakultäten
>> TUB-Website: Kalender

Die Übersichtsseite Fakultäten/Institute beinhaltet eine Sonderdarstellung von Teasern (Schaufenster). Diese Teaser haben eine Breite von 235px und sind links gefloatet.

  Schaufenster

Die Übersichtsseite Kalender beinhaltet drei besondere Elemente:

• Veranstaltungsfilter: Mit dem Veranstaltungsfilter kann nach der Art der Veranstaltung, dem Zeitraum und einem Stichwort gesucht werden (weitere Details finden sich im Abschnittt Module)
• Monatsüberschrift zum Blättern: Eine Überschrift mit Vor- und Zurück-Navigation, um einen Monat vor oder zurückzublättern
  oder
  Tagesüberschrift zum Blättern: Eine Überschrift mit Vor- und Zurück-Navigation, um einen Tag vor oder zurückzublättern
• Veranstaltungsteaser des aktuellen Monats bzw. Tages (je nach Einstellung)

Übersicht zum Blättern:

<h3 id="month">
    <a href="#" title="einen Monat zurück blättern"><<</a>
    August 2007
    <a href="#" title="einen Monat vor blättern">>></a>
</h3>

Veranstaltungsteaser:

<div id="kalenderliste">
    <div class="subline">
       <span class="date"><em class="day">Mo</em>|<em class="date">
       12.08.</em>|</span><a class="name" href="#">
       Name der Veranstaltung</a>
    </div>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
    sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
    aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
    exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
    commodo consequat.
    <span><a class="mehr" href="#">mehr
    <span class="aural"> zu: Überschrift wiederholen ##</span>
    </a></span>
    </p>
</div>