Comparez tous les plans Modèle CSS

Des en-têtes violets, oranges et roses structurent la comparaison des offres

L'arrière-plan blanc offre au tableau une base neutre pour ses trois couleurs d'accent : violet, orange et rose. Ces teintes distinguent Enterprise, Advance et Starter sans altérer la structure sous-jacente de la comparaison. Les critères restent alignés à gauche, tandis que les prix, les indicateurs de disponibilité et les actions sont centrés sous leurs offres respectives, créant ainsi des parcours de lecture verticaux bien définis.

Dans le cadre d'un modèle CSS, l'essentiel du travail de mise en page se situe au sein de cette section tarifaire. La couleur des en-têtes, le contraste du texte, l'espacement des lignes, le traitement des boutons et la séparation visuelle entre les critères et les valeurs des offres déterminent la rapidité avec laquelle les visiteurs peuvent évaluer les différentes options. Les coches vertes et les croix rouges apportent un second langage visuel pour la disponibilité du support et des certificats ; leur taille, leur alignement et leur contraste doivent donc rester parfaitement lisibles à côté des valeurs tarifaires et des délais.

Le tableau comporte également deux lignes de prix pour chaque forfait : les coûts du premier mois fixés à 1 200 $, 900 $ et 400 $, suivis de 900 $, 700 $ et 300 $. Tous les forfaits affichent un délai de livraison de 3 à 6 mois ; le style peut ainsi mettre en valeur les coûts réellement variables tout en gardant ce délai commun facile à parcourir. La fonctionnalité Custom CSS de Nicepage permet d'ajouter des règles de style supplémentaires pour cette section lorsque les paramètres standards ne suffisent pas à obtenir le rendu souhaité.