Produto próprio · Web

wayfar.com.br

O site do estúdio. Astro, sem CMS, com um sistema de design próprio construído antes da primeira página.

AstroWeb
wayfar.com.br
Site do estúdio
Decisões

Três escolhas que definiram o projeto

01

Sistema antes de página

Não comecei pelo layout. Comecei pelos tokens: catorze cores com razão de contraste calculada e documentada, escala tipográfica fechada, grade de espaçamento. Só depois vieram as telas. O resultado é que nenhuma cor no código é um valor solto — todas vêm do sistema, e a superfície escura é uma das duas superfícies canônicas da marca, não um modo alternativo. Site pequeno feito sem sistema fica pronto mais rápido e vira inconsistente na terceira página.

02

Sem CMS

Um CMS aqui seria infraestrutura para um autor só publicar seis projetos. Os cases vivem em arquivos de texto no próprio repositório, com esquema validado — adicionar projeto é adicionar um arquivo, e o índice, o filtro e a página de cada case leem a mesma fonte. Menos coisa para manter, e o conteúdo versionado junto do código.

03

Movimento onde paga

O site tem duas animações de verdade: a montagem do logo na abertura e o trilho do processo, ligado ao scroll. As duas ficam só na home. A página de serviços explica os mesmos quatro passos com a linha parada. Repetir o gesto em toda página gastaria o efeito e faria quem clica em 'como funciona, em detalhe' receber a mesma coisa de novo. Nada aqui depende de JavaScript para ser legível.

Stack

Com o que foi feito

frameworkAstro 5
estiloTailwind CSS 4
linguagemTypeScript
conteúdocontent collections
distribuiçãoVercel

Quer algo assim?

Me conte o que você tem em mente. Respondo em um dia útil.

Chamar no WhatsApp