Planos básicos, padrão e avançados Modelo de site

Uma linha de três planos oferece uma seção de preços reutilizável

A estrutura de três cartões pode atuar como uma seção de preços estável dentro de um projeto mais amplo de modelo de site. Ela abrange uma área de conteúdo bem definida: comparar três planos por meio de rótulos, preços, listas de recursos e botões de compra repetidos. Como cada cartão segue a mesma sequência, a seção pode ser reutilizada sempre que um projeto precisar de um padrão consistente de comparação de planos sem alterar a relação básica entre os grupos de conteúdo.

O layout também oferece referências visuais que podem se coordenar com seções próximas. As superfícies dos cartões em cinza-claro criam uma base compartilhada, enquanto as faixas ciano e amarela nos cartões externos e a faixa rosa no cartão central dão a cada plano um destaque reconhecível. O texto centralizado e o espaçamento vertical generoso mantêm uma apresentação equilibrada para as listas de recursos, e os botões de compra compactos permanecem vinculados às suas respectivas opções, em vez de flutuar separadamente dos cartões.

Em um projeto de site maior, este bloco pode cuidar dos preços enquanto outras seções fornecem explicações de serviços, comprovações, perguntas frequentes, termos ou conteúdo de contato. Os valores exibidos e os itens de recursos são exemplos e podem ser substituídos pela oferta final sem alterar a estrutura reutilizável. A seção contribui com um padrão de conteúdo direcionado para o projeto como um todo; ela não fornece o conjunto completo de páginas, a navegação ou a arquitetura geral do site.