Mediendesign Grundlagen SoSe26

BHT Campus Hub

Übung 06a

Typografie und Screens

Schriftkonzept, Schriftenskala und finalisierte App-Screens nach BHT-Corporate-Design

Yasir Jumaah, Philipp Krenke, Tanalp Sekil

BHT Campus Hub

BHT Campus Hub ist der smarte Campus-Begleiter: Wegfinden, Studienorganisation und Services an einem Ort vereint.

01

BHT Campus Hub ist die zentrale App für Orientierung, Studium und Campusleben an der BHT.

02

Dashboards und Inhalte passen sich Rolle, Standort und Tageskontext an.

03

Die Typografie nutzt BHT Case Micro für Hierarchie und BHT Case Text für gut lesbare Inhalte.

BHT Campus Hub nutzt das BHT-Schriftsystem aus BHT Case Micro für Headlines/kompakte Informationen und BHT Case Text für Fließtext.

Kategorie	Schriftart	Schnitt	Größe	Zeilenabstand	Schreibweise	Einsatz
BHT / H1 Screen Title	BHT Case	Micro	28 px	34 px	Bold	Top Page Titel wie Study, Social, Service und Kalender
BHT / Brand Header	BHT Case	Micro	24 px	30 px	Bold	Splashscreen-Logo / Brand-Lockup
BHT / H2 Section Title	BHT Case	Micro	20 px	26 px	Regular	Section headers inside screens wie Favoriten und News Feed
BHT / Body	BHT Case	Text	16 px	24 px	Regular	Copytext / explanations und längere lesbare Inhalte
BHT / UI Button	BHT Case	Text	16 px	20 px	Bold	Buttons / primary actions
BHT / UI Link	BHT Case	Text	16 px	20 px	Regular	Links only, Unterstreichung nur bei echten Links
BHT / UI Link Bold	BHT Case	Text	16 px	20 px	Bold	Links only, hervorgehobene Link-Zustände
BHT / Caption Meta	BHT Case	Micro	12 px	16 px	Regular	Captions, labels, status/meta, Legenden und Timestamps
BHT / Caption Meta Bold	BHT Case	Micro	12 px	16 px	Bold	Captions, labels, status/meta in hervorgehobenen Zuständen