Mediendesign Grundlagen SoSe26

BHT Campus Hub

Übung 06b

Überarbeitete Typografie

Korrigierte Schriftenskala und aktualisierte App-Screens nach Feedback

Yasir Jumaah, Philipp Krenke, Tanalp Sekil

BHT Campus Hub

BHT Campus Hub bündelt Orientierung, Studienorganisation und Campus-Services in einer zentralen App.

01

Die Screens wurden auf Raster, Icons, Zeilenabstände und Textpositionen überarbeitet.

02

Die Typografie folgt einer reduzierten Skala aus BHT Case Micro und BHT Case Text.

03

Die Schriftenskala dokumentiert Schreibweise als gemischte Groß- und Kleinschreibung.

BHT Campus Hub nutzt eine 5-Spalten-Rastergrundlage mit mobileGrid5+16+16 und eine reduzierte BHT-Typografie mit gemischter Schreibweise.

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