01Stack
- HTML5 semântico — main · section · article · nav · aside
- CSS vanilla — sem dependência de framework
- JavaScript nativo (sem GSAP, sem jQuery)
- Fontes self-hosted — Anton · Space Mono · Inter
- Sem bundle, sem build tool requerido
Template · desde 2026 RVLT. estúdio brutalista.
Para quem não segue.
RVLT é um template estúdio brutalista. O seu registo : editorial ambicioso, tipografia massiva (Anton), blueprint grid, coordenadas geográficas Paris / Tokyo, credibility bar, marquees em três camadas. O leitor abre a sua página como uma revista de arte contemporânea — formato quadrado, preto grande, spot vermelho elétrico.
O template concentra-se em uma única página longa de sete secções (hero, services em marquees, portefólio zigzag, mid-CTA, impacto numérico, testemunhos, manifesto) + duas páginas anexas (404 e legais). Uma estrutura tensa, legível, que conta uma história linear sem perder o visitante.
Pensámo-lo para marcas que não querem parecer-se com as outras : estúdios criativos internacionais, agências de comunicação, casas de moda, labels, fundadores de startups ambiciosas. Se o seu posicionamento exige um trovão visual, RVLT é feito para si.
Sete secções, uma única página longa.
Cada secção tem o seu papel narrativo. Sem navegação fragmentada: o visitante desce uma vez, entende tudo, decide. Scroll progress bar, scroll-spy nav, focus ring vermelho em todo o lado.
-
01
Ver
Hero · display fracturado
Blueprint grid, monograma fantasma em filigrana, meta coordenadas Paris/Tokyo nos quatro cantos, título Anton fraturado em quatro linhas (« Brands / built / to lead / not follow »), credibility bar no rodapé. Responde em 5 segundos à questão « o que é, para quem ».
-
02
Ver
Services · marquee stack
Três camadas de marquees com velocidades e direções misturadas: meta tags finas, palavras gigantes em contorno, faixa vermelha com prémios. Assinatura tipográfica do template.
-
03
Ver
Work · zigzag gallery
Seis projetos apresentados em zigzag assimétrico com overlay de resultado (numerado e verificável). Cada card serve de prova visual E quantitativa: a foto diz o quê, o resultado diz porque funciona.
-
04
Ver
Impact · 4 números assimétricos
Quatro estatísticas numeradas em grelha assimétrica: contadores animados, barras de progresso, SVG sparkline, lista de prémios. Prova quantitativa após prova visual.
-
05
Ver
Voices · três testemunhos
Três cards de testemunhos estruturadas para cobrir três objeções diferentes: o resultado, o método, a perenidade. Cada testemunho leva um link para o case study correspondente na secção Work.
-
06
Ver
Manifesto · quatro princípios
Estabelece a profundidade da marca DEPOIS das provas — declaração fraturada na grelha + quatro princípios numerados. O visitante que chega aqui está pronto para ouvir o porquê.
-
07
Ver
Contact · mais três páginas anexas
Secção de contacto final (formulário + info direta) + três páginas anexas entregues com o template: 404 no registo brutalista, avisos legais, política de privacidade.
O que está por baixo do capô.
02Performance
-
Fontes pré-carregadas via
<link rel="preload"> -
Imagens lazy-loaded (
loading="lazy") - Marquees CSS puras · sem rAF JS
- Structured data Schema.org para o SEO
- Open Graph + Twitter Card prontos para partilha social
03Acessibilidade
- Contraste WCAG AA (Cream sobre Black ≈ 15:1)
-
:focus-visible· contorno vermelho 2 px -
Skip-link para
#content - Menu overlay · focus-trap · Esc para fechar
-
prefers-reduced-motionneutraliza marquees -
Anúncios scroll-spy via
aria-livepolite
04Compatibilidade
- Chrome · Firefox · Safari · Edge — últimas versões
- Safari iOS 16+ · Chrome Android recente
-
Fontes de fallback do sistema —
Arial Black · monospace · system-ui - Sem Service Worker — funciona por trás de qualquer CDN
- Estruturado para ser traduzido (i18n-friendly)
Licença : o código fonte é entregue em seu nome. Pode modificá-lo, alojá-lo onde quiser, declinar em vários projetos. Uma ligação de atribuição à Grand Line Web é mantida no rodapé.
Talhado para essas profissões.
-
01
Estúdios criativos
Design, branding, art direction. Um site que diz o nível antes de dizer o nome. Perfeito para estúdios internacionais que apresentam grandes marcas.
-
02
Agências de comunicação
Campanhas, estratégia, social. Blueprint grid + tipografia massiva para exprimir a ambição editorial sem cair na buzzword.
-
03
Marcas premium & lifestyle
Moda, lifestyle, luxo acessível. Paleta preto/vermelho/creme que mantém a distância com as marcas casa de luxo históricas, sem as imitar.
-
04
Labels & casas editoriais
Música, livro, revista. Formato editorial nítido, credibility bar que destaca a distribuição, o catálogo, os prémios.
-
05
Fundadores ambiciosos
Startup, scale-up, boutique premium. Uma vitrina que posiciona a marca antes mesmo do produto. Perfeita para angariações, parcerias, contratações.
Pega no registo.
Ajustamos a peça.
-
01 Esquisse
O template tal qual.
RVLT entregue chave na mão, adaptado aos seus textos e imagens. Estrutura, marquees, DA intactas. Se o registo lhe convém, é a via mais direta.
Desde 790 € sem IVA · compra única
- Template RVLT instalado
- Os seus textos e imagens integrados
- Entregue em 2 a 3 semanas
- Código fonte entregue em seu nome
-
02 Composition
Personalização à medida.
RVLT retomado na sua gramática : tipografias, cores, secções repensadas conforme o seu catálogo. Mantemos a direção artística, mantém a sua assinatura.
Desde 1 690 € sem IVA · orçamento sob briefing
- Tipografias e paleta ajustadas
- Secções repensadas conforme o seu conteúdo
- Redação editorial revista
- Entregue em 4 a 6 semanas
-
03 Signature
100% à medida, inspirado no registo.
Um site inteiramente concebido a partir do seu briefing, com o registo RVLT como ponto de partida. Direção artística dedicada, código dedicado.
Projeto único Sob orçamento Resposta em 48 h úteis
- Atelier de enquadramento (2 sessões)
- Identidade visual retrabalhada
- Estrutura pensada para o seu catálogo
- Entregue em 8 a 12 semanas
Prefere a subscrição tudo incluído (site + gestão + SEO)? Ver as fórmulas mensais