TPA Dummy‑Website
Überschriften nutzen Urbanist. Für den Fließtext kannst du unten zwischen Urbanist und einer passenden serifenlosen Schrift (Inter) vergleichen. Farben sind aus der vorgegebenen Palette – mit klassisch schwarzem/dunkelgrauem Text.
Palette im Einsatz
Beispielmodule
Kleine Auswahl an Card‑Layouts und Buttons – Farben halten die Palette ein, Texte bleiben klassisch dunkel.
Saubere Typografie
Headlines in Urbanist, Fließtext wahlweise in Urbanist oder Inter. So wirkt die Seite modern und klar.
Farbhierarchie
Primäraktionen in #495D6F, Sekundäres in #788694, Flächen/Abtrennung mit #9DA7B1 und #D0D5DA.
Buttons & Chips
Kleine UI‑Elemente nutzen die Palette subtil und bleiben barrierearm durch ausreichenden Kontrast.
Fließtext: Urbanist
Dies ist ein kurzer Blindtext, um die Lesbarkeit von Urbanist im Fließtext zu testen. Die ruhigen Kurven und die offene x‑Höhe sorgen für eine moderne, leichte Anmutung.
Buttons, Chips und Überschriften greifen die Palette auf, während Texte klassisch schwarz/dunkelgrau bleiben – für Klarheit und Kontrast.
Fließtext: Inter (serifenlos, passend)
Inter ist eine sachliche, serifenlose Schrift, die hervorragend zu Urbanist passt. Sie eignet sich besonders für längere Lesetexte und UI‑Elemente.
Die Kombination aus Urbanist (Headlines) und Inter (Body) wirkt zeitgemäß, professionell und gut lesbar in allen Größen.