Das RSP Design System

Das RSP Design System definiert die visuellen und funktionalen Gestaltungsrichtlinien für unsere digitalen und gedruckten Medien. Es stellt sicher, dass alle Designs einheitlich, professionell und markengerecht umgesetzt werden.

Diese Seite dient als zentrale Referenz für Farben, Typografie, Buttons, Formulare und weitere UI-Elemente. Sie hilft Entwicklern, Designern und Marketing-Teams dabei, ein konsistentes Markenerlebnis zu schaffen – sowohl auf der Website als auch in allen Kommunikationsmaterialien.

Nutze dieses Stilbuch als Grundlage für deine Designs, um sicherzustellen, dass sie die RSP Markenidentität widerspiegeln und eine durchgängige Benutzererfahrung bieten.

Schrift - Allgemein

Schriftfamilie: Proxima Nova RSP

Überschriften

H1 - Überschrift 1

H2 - Überschrift 2

H3 - Überschrift 3

H4 - Überschrift 4

H5 - Überschrift 5

H6 - Überschrift 6

Kleine Texte (Fußnote etc.)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam scelerisque libero id urna ultrices, sed facilisis erat tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed at dui non mi auctor rhoncus. Fusce tincidunt turpis eget mauris convallis, ut cursus felis laoreet. In hac habitasse platea dictumst. Integer eget neque vitae eros pellentesque fermentum.

Absatz

Vestibulum aliquet purus ut mauris sollicitudin, sit amet fermentum elit mattis. Cras vel velit at ligula ullamcorper vehicula. Ut laoreet felis ac sapien cursus, in malesuada odio venenatis. Morbi at libero eu est tempus vehicula. Sed in libero id mi laoreet imperdiet. Ut euismod, mauris ut elementum pharetra, purus purus hendrerit odio, a interdum ex felis sed mi.

Mehr erfahren

Liste

Listenpunkt
Listenpunkt
- 2. Ebene
- 2. Ebene
  - 3. Ebene
  - 3. Ebene
- Unterpunkt
Listenpunkt

Zitat

Der neue ESE 6 hat unsere Erwartungen übertroffen! Noch nie war es so einfach, präzise und effizient zu arbeiten – selbst in schwierigstem Gelände. Die enorme Saugleistung spart uns täglich wertvolle Zeit und reduziert den manuellen Aufwand erheblich. Ein echtes Kraftpaket, das auf keiner Baustelle fehlen sollte!

Max Mustermann

Bauleiter - Tiefbau Mustermann GmbH

Buttons

Formular

Bild

Bilder mit Ken Burns Effekt

Bild mit Button

Der beste Saugbagger aller Zeiten

Der neue ESE 6

Bild mit Text

Hero-Section (Legacy - nicht verwenden)