O painel branco no canto superior esquerdo define a mensagem principal “Maior serviço de carsharing”, enquanto o painel cinza-claro adjacente apresenta o aluguel simples, as tarifas flexíveis e os modelos de carros consagrados. Esse par superior cria uma hierarquia visual limpa: a proposta principal vem à frente, a oferta de apoio vem em seguida e o botão arredondado preto “Reservar agora” proporciona um contraste forte sem sobrecarregar o texto. O fundo em tom azul-acinzentado claro evita que a composição de quatro painéis pareça visualmente pesada.
A linha inferior altera o tratamento estético sem acrescentar novas funcionalidades. Um painel preto traz quatro itens em tópicos, compondo uma área enxuta para os detalhes de apoio, enquanto a foto de um motorista em um veículo no canto inferior direito oferece a comprovação visual mais imediata do uso de transporte. O texto em branco e tons claros sobre o painel escuro separa a lista da imagem, garantindo o alinhamento retangular contínuo da seção.
Como modelo em CSS, este bloco foi pensado essencialmente para gerenciar o visual dessas relações. A hierarquia de cores, o peso dos títulos, o raio dos botões, os espaçamentos dos painéis, o enquadramento da foto e o contraste podem ser personalizados conforme a necessidade, preservando o arranjo dos dois títulos, da ação única, da lista de quatro pontos e da fotografia. O resultado é um sistema de estilo dedicado a esta seção hero específica, e não uma definição de design para todo o site.
Ao usar o Construtor de modelos CSS, você poderá ajustar cores, fontes, cabeçalho e base, layout, colunas e outros elementos de design, bem como conteúdo e imagens.
Personalize a aparência visual deste modelo pronto diretamente no editor do Nicepage. Ajuste a tipografia, o espaçamento, os planos de fundo, as bordas, as cores, o posicionamento e outras propriedades de estilo usando controles visuais, mantendo o layout da página fácil de gerenciar sem precisar escrever CSS manualmente.
Para requisitos de estilo que vão além das opções padrão do editor, use o CSS personalizado para adicionar regras específicas. O CSS pode ser aplicado a elementos individuais, páginas específicas ou a todo o site, dependendo do escopo da personalização, enquanto as classes CSS podem ser usadas para conectar regras personalizadas a elementos selecionados.
Para projetos em que o tamanho do CSS e o desempenho da página são importantes, o Nicepage pode exportar o CSS mínimo para cada página. Em vez de depender de uma única folha de estilo comum, cada página pode usar um arquivo CSS separado contendo apenas as regras de estilo necessárias para aquela página específica. De acordo com a documentação do Nicepage, esses arquivos CSS específicos da página podem ser até dez vezes mais compactos, ajudando a reduzir o CSS desnecessário e a melhorar o desempenho de carregamento da página.
Esse fluxo de trabalho combina estilização visual com CSS personalizado opcional e saída CSS otimizada específica da página, oferecendo controle adicional quando um projeto exige, sem tornar a edição manual de CSS a principal forma de personalizar o modelo.