Typo3 - Text - Element (H3)

Diese Seite dient als Referenz für alle TYPO3-Inhaltselemente und Komponenten des Altmann Sitepackages. Neue Komponenten werden zuerst hier entwickelt und getestet.

• Primärbutton
• Outline Button
• Link Button

Typo3 Texteditor/RTE:

In diesem Kapitel werden die Standard-Typografie des Altmann-Designsystems sowie die TYPO3-Überschriften und Textelemente dargestellt. Änderungen an der altmann.css können hier unmittelbar überprüft werden.

H1 Beispiel Dies ist eine Beispiel-H1 für das Altmann-Designsystem. 

H2 Beispiel Dies ist eine Beispiel-H2 für Kapitel und Abschnitte. 

H3 Beispiel Dies ist eine Beispiel-H3 für Unterbereiche. 

H4 Beispiel Dies ist eine Beispiel-H4 für kleinere Unterteilungen. 

H5 Beispiel Dies ist eine Beispiel-H5. 

H6 Beispiel Dies ist eine Beispiel-H6.

Inhalts - Element Texteditor:
Der Fließtext ist die Grundlage für die meisten TYPO3-Inhalte. Hier werden Schriftgröße, Zeilenhöhe, Abstände und Textauszeichnungen des Altmann-Designsystems getestet.

Das Altmann-Designsystem verbindet eine klare Gestaltung mit einer flexiblen technischen Struktur. Alle Textelemente werden über zentrale Design-Tokens gesteuert und können dadurch konsistent im gesamten System verwendet werden.

Die Typografie sorgt für eine gute Lesbarkeit auf allen Endgeräten. Abstände, Schriftgrößen und Zeilenhöhen werden automatisch an die Anforderungen des jeweiligen Inhalts angepasst.

TYPO3 bietet mit den Standard-Inhaltselementen eine solide Basis, die durch individuelle Komponenten des Sitepackages erweitert werden kann.

Textauszeichnungen:
Dieser Text enthält eine wichtige Hervorhebung.
Dieser Text dient als zusätzliche Betonung.
Weitere Informationen zum Altmann Designsystem

Zitat :
"Ein gutes Designsystem schafft Ordnung, Wiedererkennbarkeit und Flexibilität."

Dies ist en Beschreibungstext - er dient nur zu r Erklärung und kann/sollte  später gelöscht werden. 
Es folgt direkt hier drunter eine Horizontale Linie (hr).

Links verbinden Inhalte miteinander und gehören zu den wichtigsten Navigationselementen einer Website. Dieser Bereich zeigt die Darstellung von Standardlinks im Altmann-Designsystem.

Dies ist ein normaler Text mit einem internen Link zur Seite Leistungen. 

Dies ist ein Text mit einem externen Link zu TYPO3.org. 

Dies ist ein weiterer Link innerhalb eines längeren Absatzes.

Ein gepflegter Garten ist mehr als nur eine Grünfläche. Er schafft einen Ort zum Entspannen, verbessert das Wohnumfeld und steigert die Lebensqualität. Mit einer durchdachten Planung entstehen harmonische Außenbereiche, die zu jeder Jahreszeit überzeugen. Von der ersten Idee bis zur fertigen Umsetzung begleiten wir unsere Kunden mit Erfahrung, Kreativität und handwerklicher Präzision. 

Weitere Informationen finden Sie auf unserer Seite Leistungen, auf der wir unser Angebot ausführlich vorstellen. Auch die regelmäßige Pflege trägt dazu bei, dass Pflanzen gesund wachsen und Außenanlagen dauerhaft attraktiv bleiben. Zusätzliche Informationen rund um TYPO3 finden Sie auf der offiziellen Website unter typo3.org.

Listen strukturieren Informationen übersichtlich und kommen häufig bei Leistungsbeschreibungen, Aufzählungen und Abläufen zum Einsatz. Dieser Abschnitt zeigt die Standarddarstellung ungeordneter und geordneter Listen im Altmann-Designsystem.

• Gartenplanung
• Pflanzarbeiten
• Natursteinmauern
• Terrassenbau
• Pflegearbeiten

1. Beratung
2. Planung
3. Ausführung
4. Pflege

Zitate lockern längere Inhalte auf und eignen sich hervorragend für Kundenstimmen, Leitgedanken oder besondere Aussagen. Im Altmann-Designsystem erhalten sie eine ruhige und hochwertige Gestaltung.

Quelle:
Max Mustermann,
Landschaftsarchitekt

Tabellen dienen der übersichtlichen Darstellung strukturierter Informationen. Das Altmann-Designsystem sorgt für eine klare Lesbarkeit auf Desktop- und Mobilgeräten.

Das Inhaltselement „Bild“ dient zur Darstellung einzelner Fotos oder Grafiken. Im Altmann-Designsystem stehen eine hochwertige Bilddarstellung, passende Abstände und eine saubere responsive Skalierung im Vordergrund.

Das Galerie-Element zeigt mehrere Bilder innerhalb eines gemeinsamen Inhaltsbereiches. Es soll auf allen Bildschirmgrößen harmonisch wirken und gleichmäßige Bildabstände besitzen.

Das Inhaltselement „Text & Medien“ kombiniert Bilder mit Fließtext. Es gehört zu den wichtigsten Bausteinen des Altmann-Designsystems und wird später auf vielen Unterseiten eingesetzt.

Das Inhaltselement „Dateilinks“ ermöglicht die Bereitstellung von Dokumenten zum Download. Im Altmann-Designsystem sollen Downloads übersichtlich dargestellt werden und wichtige Informationen wie Dateityp und Dateigröße klar erkennbar sein.

Audiodateien können ergänzend zu klassischen Inhalten eingesetzt werden. Das Altmann-Designsystem legt Wert auf eine klare, zurückhaltende Darstellung und eine einfache Bedienung auf Desktop- und Mobilgeräten.

TYPO3-Standard: Audio funktioniert problemlos. Zusammen mit einem Bild ist eine zweispaltige Darstellung möglich, allerdings bestimmt TYPO3 die Reihenfolge der Medien. Eine gezielte Kombination „Bild links / Audio rechts“ ist im Standard-Element nicht vorgesehen.

Videos können Inhalte anschaulich ergänzen und eignen sich besonders für Projektvorstellungen, Arbeitsabläufe oder kurze Einblicke. Das Altmann-Designsystem legt Wert auf eine ruhige, responsive Darstellung und eine einfache Bedienung auf allen Geräten.