Choisissez un tarif confortable Modèle HTML

Deux formules prêtes à l'emploi forment une section tarifaire statique

Ce bloc regroupe déjà les éléments essentiels pour une comparaison tarifaire : deux formules nommées, des tarifs distincts, un texte descriptif, la liste des caractéristiques incluses et un bouton d'achat sur chaque carte. La formule Solo est affichée à 74 $ avec une licence d'éditeur, tandis que la formule Team est proposée à 199 $ avec un nombre illimité d'éditeurs. Les deux cartes intègrent un design system Figma et un accès à vie aux futurs contenus, offrant à la comparaison un socle commun tout en marquant une nette différence en matière de capacité d'édition.

La photographie monochrome sur toute la largeur apporte un contexte visuel au-dessus des cartes, et le chevauchement relie visuellement la zone des tarifs à cette image plutôt que de la positionner à côté comme un panneau isolé. Sous ce chevauchement, la partie inférieure blanche offre aux cartes un espace épuré qui met en valeur leur typographie compacte, leurs séparateurs horizontaux et leurs lignes à puces. L'arrière-plan gris clair et le vert éclatant permettent également de distinguer aisément les deux offres au sein d'une mise en page statique.

Au sein d'une page HTML statique, ce bloc peut porter le message tarifaire en tant que section complète, tandis que les sections voisines fournissent l'en-tête de page, la navigation, les explications complémentaires ou d'autres informations de contact. Grâce à cette structure préexistante, la page hôte peut intégrer la section sans avoir à concevoir au préalable une hiérarchie de cartes tarifaires. Les boutons d'achat demeurent les points d'interaction de la section, tandis que l'ensemble du projet détermine le flux environnant et l'étape d'arrivée.