Typography

RCT bringt zwei Default-Fonts mit: Space Grotesk für Body & Headlines, DM Mono für Code-Akzente. Beide als woff2 im Bundle, kein Google-Fonts-CDN, DSGVO-sauber.

Eigene Fonts? Einfach in files/rct-fonts/ ablegen — Auto-Discovery erkennt Family-Name + Weight aus dem Dateinamen, baut @font-face-Regeln automatisch und macht die Family im Backend-Config + jedem CE-Headline-Picker auswählbar.

Headline-Hierarchie

Sechs Headline-Levels (h1 bis h6) — Default-Font ist Space Grotesk. Pro CE überschreibbar via Hl-Font-Picker (Auto-Discovery aus files/rct-fonts/). Größen, Tracking und Line-Height sind global im Theme definiert.

Headline 1 — distinctive frontends

Headline 2 — content systems

Headline 3 — modular components

Headline 4 — custom elements

Headline 5 — section labels
Headline 6 — meta info

Body Text & Inline-Stile

Standard-Fließtext in Space Grotesk Regular. Bold-Text für Schwerpunkte. Kursivschrift für Hervorhebungen. Verlinkter Text übernimmt die Akzentfarbe des aktiven Themes. Small-Text für Meta-Infos oder Fußnoten.

Ein deutsches Pangram zum Testen aller Buchstaben: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg. Drüber, drunter, durchstreichen — Diakritika sehen sauber aus, Umlaute sitzen richtig auf der x-Höhe.

„Wer Sportwagen will, muss Komfort deaktivieren." — RCT-Performance-Philosophie. Blockquotes bekommen einen vertikalen Akzent-Strich links und etwas mehr Padding.

Listen — 7 Varianten

RCT bringt sieben Stilvarianten für unsortierte Listen mit — als CSS-Klasse auf dem Text-CE: rct-list--dot, --check, --arrow, --dash, --plus, --star, --none. Plus standardmäßig die sortierte <ol>-Liste.

--dot
  • Eintrag eins
  • Eintrag zwei
  • Eintrag drei
--check
  • Eintrag eins
  • Eintrag zwei
  • Eintrag drei
--arrow
  • Eintrag eins
  • Eintrag zwei
  • Eintrag drei
--dash
  • Eintrag eins
  • Eintrag zwei
  • Eintrag drei
--plus
  • Eintrag eins
  • Eintrag zwei
  • Eintrag drei
--star
  • Eintrag eins
  • Eintrag zwei
  • Eintrag drei
--none
  • Eintrag eins
  • Eintrag zwei
  • Eintrag drei
ordered
  1. Schritt eins
  2. Schritt zwei
  3. Schritt drei

Mono / Code

Mono-Font ist DM Mono — eingesetzt in <code>-Tags und <pre>-Blöcken. Inline-Code wie $page->alias oder contao:migrate bekommt einen leichten Background-Tint, Block-Code volle Code-Box mit syntaktisch konsistentem Look.

php vendor/bin/contao-console contao:migrate --no-interaction
php vendor/bin/contao-console assets:install
php vendor/bin/contao-console cache:clear --env=prod

Custom-Fonts

Eigene Fonts werden einfach in files/rct-fonts/ abgelegt — als .woff2 empfohlen, alternativ .woff, .ttf oder .otf. Auto-Discovery erkennt:

  • Family-Name aus dem Dateinamen (alles vor -regular, -bold, etc.)
  • Weight aus dem Suffix (-300, -light, -700, -bold usw.)
  • Style (italic-Variante via Suffix -italic)

Das Theme generiert automatisch passende @font-face-Regeln im <head> und macht die Family im Backend-Config + jedem CE-Headline-Picker auswählbar — kein CSS-Edit nötig.

© 2026 RCT — Powered by Contao