Arquitetura Projeto de demonstração
Studio Meridiano — atelier de arquitetura
Um site quase monocromático e centrado na tipografia para um atelier de arquitetura: grelha suíça rigorosa, legendas em mono estilo museu e cada projeto desenhado como planta SVG original — sem fotografia de banco de imagens.
feitura.pt/demo/meridiano — Ao vivo
Um atelier de arquitetura de sete pessoas no Porto precisa de um site de portefólio tão disciplinado como os seus edifícios. Sem fotografia até os projetos serem fotografados profissionalmente — a obra tem de ser mostrada através de plantas, legendas precisas e texto. Deve parecer uma monografia impressa e carregar instantaneamente num telemóvel.
O que está lá dentro
- Seis plantas originais em vista de topo desenhadas como SVG inline
- Índice de projetos com filtro por tipologia (habitação, cultural, reabilitação)
- Notas de projeto expansíveis em estilo legenda de museu
- Secção de manifesto composta em serifa leve de grande dimensão
- Revelações ao scroll com IntersectionObserver, seguras para movimento reduzido
- Formulário de contacto com local, natureza do projeto e confirmação inline
- Listas tipográficas de equipa e prémios — zero imagens, zero stock
- Fontes variáveis self-hosted levadas a pesos extremos
Registo de construção
- Sistema de design: paleta de cinzas quentes, voz mono das legendas, grelha suíça + hero
- Desenho das seis plantas SVG — paredes, arcos de portas, tramas, setas de norte
- Índice de obras: filtro por tipologia, notas expansíveis, legendas de museu
- Manifesto em serifa leve + fases da prática; afinação da escala tipográfica
- Listas de equipa e prémios, formulário com confirmação de demonstração, navegação móvel
- Revelações ao scroll com salvaguarda de movimento reduzido, revisão de contraste e de texto
Stack
- Laravel
- Vue.js
- Inertia
- Tailwind CSS
- SVG
Lighthouse
97
Performance
100
Accessibility
100
Best practices
100
SEO