Back to Index

Typografie

EN DE TR

Überschriften

Überschrift 1

.ak-text-4xl .ak-font-bold

Überschrift 2

.ak-text-3xl .ak-font-bold

Überschrift 3

.ak-text-2xl .ak-font-bold

Überschrift 4

.ak-text-xl .ak-font-semibold

Überschrift 5

.ak-text-lg .ak-font-semibold

Überschrift 6

.ak-text-base .ak-font-semibold

Fließtext

Absatzgrößen

Großer Text. Wird für Einleitungen oder Lead-Absätze verwendet, um Aufmerksamkeit zu erregen.

.ak-text-lg

Basis-Text. Die Standardgröße für den Großteil des Inhalts auf der Seite.

.ak-text-base

Kleiner Text. Oft für sekundäre Informationen, Bildunterschriften oder Hilfstexte verwendet.

.ak-text-sm

Extra kleiner Text. Wird für das Kleingedruckte oder Urheberrechtshinweise verwendet.

.ak-text-xs

Inline-Elemente

Sie können fetten Text, kursiven Text oder unterstrichenen Text verwenden.

Links können mit der Klasse .ak-link gestaltet werden.

Inline-Code-Schnipsel wie const x = 1; werden mit .ak-code gestylt.

Markieren Sie Text für Hervorhebungen wichtiger Teile.

Zitatblock

"Design ist nicht nur, wie es aussieht und sich anfühlt. Design ist, wie es funktioniert."

— Steve Jobs

Listen

Ungeordnete Liste

  • Erster Punkt
  • Zweiter Punkt
  • Dritter Punkt mit Unterpunkten
    • Unterpunkt eins
    • Unterpunkt zwei

Geordnete Liste

  1. Erster Schritt
  2. Zweiter Schritt
  3. Dritter Schritt
    1. Unterschritt A
    2. Unterschritt B

Text-Hilfsklassen

Ausrichtung

Linksbündig

Zentriert

Rechtsbündig

Blocksatz erstreckt sich über die volle Breite.

Transformation

Großbuchstaben

KLEINBUCHSTABEN

text großschreiben

Gewichtung

Leicht

Normal

Mittel

Halbfett

Fett

Textfarben

Primärtext

Sekundärtext

Akzenttext

Gedämpfter Text

Erfolgstext

Warntext

Gefahrentext

Info-Text