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.
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
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)
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-Cross-Color-Positive
Négatif RSP Cross-Color
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.