Le système de conception RSP

Le RSP Design System définit les directives de conception visuelles et fonctionnelles pour nos supports numériques et imprimés. Il garantit que tous les designs sont réalisés de manière uniforme, professionnelle et conforme à la marque.

Cette page sert de référence centrale pour les couleurs, la typographie, les boutons, les formulaires et autres éléments UI. Elle aide les développeurs, les designers et les équipes marketing à créer une expérience de marque cohérente, tant sur le site web que dans tous les supports de communication.

Utilise ce livre de style comme base pour tes designs afin de t’assurer qu’ils reflètent l’identité de la marque RSP et offrent une expérience utilisateur cohérente.

Écriture - Généralités

Famille de polices : Proxima Nova RSP

Titres

H1 - Titre 1

H2 - Titre 2

H3 - Titre 3

H4 - Titre 4

H5 - Titre 5
H6 - Titre 6

Petits textes (note de bas de page, 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.

Paragraphe

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.

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.

En savoir plus

Liste

  • Point de la liste
  • Point de la liste
    • 2ème niveau
    • 2ème niveau
      • 3ème niveau
      • 3ème niveau
    • Sous-point
  • Point de la liste

Citation

La nouvelle ESE 6 a dépassé nos attentes ! Il n’a jamais été aussi facile de travailler avec précision et efficacité, même sur les terrains les plus difficiles. L’énorme puissance d’aspiration nous fait gagner un temps précieux chaque jour et réduit considérablement les efforts manuels. Un véritable concentré de puissance qui ne devrait manquer sur aucun chantier !

Max Mustermann

Chef de chantier - Tiefbau Mustermann GmbH

Formulaire

Image

Images avec effet Ken Burns

Image avec bouton

La meilleure drague aspirante de tous les temps

Le nouveau ESE 6

Image avec texte

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.

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.

Section des héros (Legacy - ne pas utiliser)

La meilleure drague aspirante de tous les temps

Le nouveau ESE 6

Contenu - Mise en page 1

Le nouveau ESE 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

La meilleure drague aspirante de tous les temps

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Innovation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Facilité d'utilisation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Stabilité de la valeur

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Icônes

En attente

Couleurs

Blanc

Contexte 1

#FFFFFF

R 255
G 255
B 255

Noir

Texte 1

#000000

R 0
G 0
B 0

Gris clair

Contexte 2

#D8DBDB

R 216
G 210
B 219

Orange

Texte 2

#FF7100

R 255
G 113
B 0

Orange clair

Accent 1

#FFBA66

R 255
G 186
B 102

Cuivre

Accent 2

#826F60

R 130
G 111
B 96

Sable

Accent 3

#D9CAB7

R 217
G 202
B 183

Vert

Accent 4

#05B981

R 5
G 185
B 129

Anthracite

Accent 5

#636E6F

R 99
G 110
B 111

Rouge

Accent 6

#DB3D1F

R 219
G 61
B 31

Logos

RSP Logo
RSP-Cross-Color-Positive
Négatif RSP Cross-Color
RSP Logo weiß
RSP-Cross-White
RSP-Cross-Black
RSP-Landscape-Color-Positive
RSP-Landscape-Color-Negative
RSP-Landscape-White
RSP-Landscape-Black
RSP-Diamond-Color-Positive
RSP-Diamond-Color-Negative
RSP-Diamond-White
RSP-Diamond-Black

© 2025 RSP GmbH & Co. KG. Tous droits réservés.

Le RSP Design System est protégé par les droits d’auteur et sert de guide officiel pour l’identité visuelle et la conception de la marque RSP. Le contenu de ce manuel de style, y compris, mais sans s’y limiter, la typographie, les palettes de couleurs, les éléments d’interface utilisateur et les principes de conception, ne peut être utilisé que dans le cadre des directives définies pour la marque.

Toute utilisation, reproduction ou modification non autorisée est interdite. Pour les partenaires ou agences externes, une autorisation écrite est nécessaire.

Pour toute question concernant l’application ou l’utilisation du système de conception RSP, veuillez contacter marketing@rsp-germany.com.