Rolls-Royce
Luxo não se anuncia. Se revela.
Uma experiência de marca construída como revista: vídeo em tela cheia, tipografia editorial e cada seção se revelando no tempo certo.
O projeto
Este projeto nasceu de uma pergunta: como um site transmite luxo sem escrever a palavra “luxo”? A resposta não estava em adicionar — estava em tirar. Tudo o que não servia ao clima da marca saiu da tela.
O que ficou é uma página construída como uma revista. Tipografia serifada nos títulos, texto respirando em muito espaço em branco, paleta onyx com filetes dourados e uma cadência lenta e proposital nas animações. Nada pisca, nada apressa. O site inteiro sussurra em vez de gritar — e é exatamente isso que comunica valor.
A navegação foi desenhada em capítulos: Herança, A Coleção, Bespoke e Private Office. Cada um se revela quando o visitante chega nele, o que transforma rolar a página em uma leitura, e não em uma procura. São 16 páginas no total — quatro modelos, oito seções institucionais e as páginas legais — todas ajustadas do celular ao monitor grande, em português e inglês, com tema claro e escuro.
É um projeto conceitual, e é justamente por isso que ele mostra o teto. Sem briefing limitando e sem prazo apertando, é o que a Stack Labs entrega quando a régua é a mais alta possível. O mesmo cuidado cabe em qualquer segmento: clínica, escritório, construtora, loja.
O que ele entrega
Design que posiciona a marca
Tipografia editorial, muito espaço em branco e paleta onyx com dourado. O visitante percebe o padrão da marca antes de ler a primeira palavra.
Abre como um filme
Vídeo em tela cheia recebe quem chega. Se a internet do visitante falhar, uma foto entra no lugar — o site nunca aparece quebrado.
Cada seção é um capítulo
O conteúdo se revela conforme a pessoa desce a página, no ritmo de quem lê. É o que faz o visitante chegar até o fim em vez de desistir no meio.
Impecável em qualquer tela
Ajustado do celular de 375px ao monitor de 1920px, sem uma barra de rolagem lateral sequer — e é no celular que ele brilha mais.
Dois idiomas, um site só
Português e inglês na mesma página, trocando na hora e sem recarregar. Pronto para receber cliente de qualquer lugar.
Claro ou escuro, e ele lembra
O visitante escolhe o tema que preferir e o site guarda a preferência para a próxima visita.
Preparado para o Google
A página é montada no servidor antes de chegar ao navegador: o buscador recebe todo o texto pronto para ler, com descrição, idioma e hierarquia de títulos no lugar.
Da vitrine direto para a conversa
Cada botão abre o WhatsApp com a mensagem já escrita para aquele ponto da navegação. Zero atrito entre o interesse e o contato.
As telas
Como foi construído
A página chega pronta do servidor: carrega rápido e o Google consegue ler todo o conteúdo, sem depender de o navegador montar nada.
As 15 páginas internas saem de um único molde — incluir um modelo novo é preencher dados, não reprogramar o site.
Os dois idiomas ficam num único dicionário: mudar um texto é editar uma linha, e ele muda nos dois lugares.
As animações usam recurso nativo do navegador, sem biblioteca pesada travando o celular.
Até as páginas de erro seguem a identidade visual: nem quando algo dá errado o visitante vê uma tela genérica.
Publicado na Vercel, com atualizações entrando no ar em segundos e sem tirar o site do ar em nenhum momento.
Tecnologias
- React 19
- TypeScript
- TanStack Start
- Tailwind CSS 4
- shadcn/ui
- Vercel
Rolls-Royce é marca registrada da Rolls-Royce Motor Cars Limited. Projeto conceitual independente, criado pela Stack Labs para demonstrar capacidade técnica e de design, sem vínculo, autorização ou endosso da marca.
