Seitenueberschrift H1 - 79 Pixel, Medium 500
Ueberschrift gross H2 - 36 Pixel, Regular 400
Ueberschrift mittel H3 - 28 Pixel, Regular 400
Ueberschrift klein H4 - 20 Pixel, Regular 400 - und Fliesstext in Light 300
Fliesstext steht in Light 300 im Blocksatz mit automatischer Silbentrennung, damit der rechte Rand ruhig bleibt. Ein laengerer Absatz zeigt das deutlicher als eine einzelne Zeile: Der Brandschutz eines Gebaeudes entsteht nicht aus einer einzelnen Massnahme, sondern aus dem Zusammenspiel von baulichen, anlagentechnischen und organisatorischen Vorkehrungen. Wer die Nachweisfuehrung frueh in die Planung holt, vermeidet spaetere Umplanungen und haelt die Genehmigungsfaehigkeit im Blick.
Im Text sind fett, kursiv und ein Verweis auf eine Seite ausgezeichnet. Verweise stehen in Orange und behalten die Laufweite des Fliesstextes.
Ueberschrift mit Balken und Dachzeile
So sieht die Dachzeile aus
Die wiederkehrende Anordnung des Manuals, hier an sich selbst gezeigt: Dachzeile in Versalien und Orange, darunter der Balken, darunter die Hauptueberschrift. Ueber dem Element steht die Dachzeile So sieht die Dachzeile aus, der Balken darunter, dann die Ueberschrift.
| Teil | Feld im Backend | Groesse | Staerke |
|---|---|---|---|
| Dachzeile | Untertitel | 16 bis 24, wie Fliesstext | Light 300, Versalien |
| Balken | entsteht aus der Rahmen-Option | 77.5 lang, 4 stark | – |
| Ueberschrift | Ueberschrift | 28 bis 36 bei H2 | Regular 400 |
Gebaut wird sie ohne eigenes Inhaltselement: Untertitel ausfuellen und unter Erscheinungsbild die beiden Rahmen-Optionen Highlight-Zeile nach oben und Orangener Trenner ueber der Ueberschrift setzen. Soll der Balken unter die Ueberschrift, gibt es dafuer Orangener Trenner unter der Ueberschrift – beide Anordnungen kommen im Kundenmaterial vor.
Aufzaehlungen
Aufzaehlungen stehen standardmaessig ohne Zeichen und ohne Einzug
Ohne Zeichen – der Normalfall
- Brandschutzkonzepte nach Landesbauordnung
- Nachweise fuer Sonderbauten
- Begleitung bis zur Abnahme
Mit orangenem Quadrat – Klasse list-square
- Brandsimulation und Evakuierungssimulation
- Tragwerksbemessung im Brandfall
- Fachbauleitung Brandschutz
Nummeriert – bleibt unveraendert
- Grundlagen ermitteln
- Konzept erstellen
- Nachweis fuehren
- Umsetzung begleiten
Typografie
Eine Schrift: Jost in Light 300, Regular 400 und Medium 500. Jost ist eine variable Schrift – Google liefert zwei Dateien mit der Gewichtsachse 100–900, zusammen 43 KB.
Ueberschriften stehen in Regular 400, Fliesstext, Dachzeile und Knopfschrift in Light 300. Zwei Ausnahmen in Medium 500: die Seitenueberschrift H1 und einzelne Bausteine – Zitat, Kachel- und Prozesstitel sowie Hervorhebungen im Fussbereich. Die Navigation steht in Regular 400 und in Grau, auf 24 Pixel wie die Dachzeile.
| Stufe | Mobil | Bildschirm | Widescreen | Staerke |
|---|---|---|---|---|
| Ueberschrift Startbild, grosse Zahlen | 40 | 71.0 | 79 | Medium 500 |
| Ueberschrift gross – Abschnitt | 28 | 34.2 | 36 | Regular 400 |
| Ueberschrift mittel – Karten, Kacheln | 20 | 26.2 | 28 | Regular 400 |
| Ueberschrift klein – H4 | 20 | 20 | 20 | Regular 400 |
| Fliesstext | 16 | 24.7 | 27 | Light 300 |
| Dachzeile, Navigation | 16 | 22.2 | 24 | Light 300 / Navigation Regular 400 |
| Knopfschrift | 15 | 20.8 | 22.4 | Light 300 |
Referenzen
Ausgewaehlte Projekte
Knoepfe und Aktionslinks
Abschnitt 4
Drei Formen, mehr braucht die Seite nicht. Der Radius betraegt 6 Pixel – im Layout gemessen, abweichend vom Manual, das ueberall Radius 0 vorsieht. Bei diesem Widerspruch gilt das Layout.
Gefuellter Knopf Knopf mit Kontur
Der Aktionslink traegt sein Winkelzeichen aus dem Stylesheet, es gehoert nicht in den Text getippt. Er steht ueberall dort, wo ein Abschnitt auf seine eigene Seite weiterfuehrt – auf der Startseite rechts neben der Abschnittsueberschrift.
Dieselben Knoepfe auf dunklem Grund
Zur Kontrolle dieselben drei Formen vor dunklem Grund. Ein gewoehnlicher Textlink steht mit im Absatz.