Scegli il tuo piano mensile di pagamento Modello HTML

Tre schede pronte all'uso compongono una sezione prezzi statica

Il titolo e il paragrafo di supporto definiscono la finalità della sezione prima delle tre schede di prezzo. In una pagina HTML statica, questa disposizione può essere inserita come area prezzi pronta all'uso tra altre sezioni di contenuto, assolvendo al confronto dei piani senza costringere la pagina circostante a ricostruire la struttura delle schede. Starter da 5 pagine, Business da 10 pagine ed eCommerce Starter vengono presentati come opzioni distinte, ciascuna con prezzo mostrato, elenco delle caratteristiche su quattro righe e pulsante di acquisto.

Il layout ripetuto delle schede rende la sezione immediatamente comprensibile come contenuto statico. Ciascuna opzione impiega un corpo verticale colorato (blu, verde acqua o rosa) sotto una fascia superiore bianca con angoli arrotondati. Le intestazioni parzialmente sovrapposte offrono un punto d'ingresso coerente per i nomi dei piani, mentre i prezzi evidenti e gli elenchi allineati favoriscono un rapido confronto visivo. Lo sfondo antracite scuro racchiude le tre schede in un unico gruppo coordinato, anziché presentarle come tre riquadri slegati.

Etichette e valori hanno scopo puramente dimostrativo, pertanto la sezione va intesa come una composizione di contenuti predisposta di cui è possibile personalizzare testi, prezzi, voci incluse e destinazioni dei pulsanti per il progetto specifico. Il suo ruolo statico deriva dalla struttura interna rifinita: introduzione all'inizio, piani a confronto subito dopo e un'azione di acquisto all'interno di ciascuna scheda.