Capacidades técnicas

O que conseguimos construir.

Não vendemos apenas alojamento. Dominamos as tecnologias que tornam os websites verdadeiramente impressionantes.

Explorar
01 — WebGL & 3D

Experiências
imersivas.

Geometria 3D interativa, sistemas de partículas e shaders personalizados renderizados diretamente no browser. Zero plugins, zero apps.

  • Three.js & WebGL

    Cenas 3D completas que correm a 60fps diretamente no browser, sem instalação.

  • Sistemas de partículas

    Milhares de partículas animadas em tempo real, reagindo ao scroll e ao rato.

  • Shaders GLSL

    Efeitos visuais personalizados escritos diretamente na GPU.

Move o rato · Roda a esfera
02 — Animação

Movimento
com intenção.

Animações que guiam o utilizador, comunicam hierarquia e tornam cada interação memorável. Passa o rato nos cards.

Rápido. Seguro. Português. Online. Hoje.

Reveal de texto

Palavras e linhas a entrar em cena com easing preciso.

Entrada em cascata

Elementos que entram em sequência, criando ritmo visual.

0%

Contadores animados

Números que crescem quando chegam ao ecrã — métricas que impressionam.

Scan de loading

Estados de carregamento que sentem premium em vez de frustrantes.

Morphing de formas

Transições fluidas entre estados, geometrias e layouts.

Animação de scroll

Elementos que ganham vida progressivamente enquanto o utilizador explora.

Liquid / Goo

Blobs que se fundem ao aproximar — SVG filter com feGaussianBlur e feColorMatrix.

03 — Performance

Velocidade
obsessiva.

Um segundo de atraso custa 7% das conversões. Construímos para o score, não apenas para o design.

0
Performance
Pontuação Lighthouse em páginas otimizadas. Topo do Google.
0
Acessibilidade
Todos os utilizadores, todos os dispositivos, sem exceção.
0
LCP Médio
Largest Contentful Paint. Referência do Google: < 2.5s.
0
Total Blocking Time
Zero bloqueio do thread principal. Interações instantâneas.
04 — Design System

Consistência
em tudo.

Tipografia escalável, paletas coerentes e componentes reutilizáveis. Sites que crescem sem perder identidade.

96pxDisplay
64pxHeading
32pxSubheading
18pxBody — legível, confortável, adaptável a qualquer ecrã.
12pxLABEL / EYEBROW
#0C0C0C
#1A1A1A
#D44000
#F5F4F0
#22C55E
#F59E0B
05 — WebGL Puro

Shaders
na GPU.

GLSL puro — sem bibliotecas. Domain warping com fractional Brownian motion a correr diretamente na placa gráfica. Move o rato sobre o canvas.

GLSL Fragment Shader · WebGL
// Domain warping — cada pixel calculado na GPU
float fbm(vec2 p) {
  float v = 0.0, a = 0.5;
  for (int i = 0; i < 6; i++) { v += a * noise(p); p = p * 2.0; a *= 0.5; }
  return v;
}
void main() {
  vec2 q = vec2(fbm(uv + t), fbm(uv + vec2(1.7, 9.2) + t));
  vec2 r = vec2(fbm(uv + 4.0*q + mouse), fbm(uv + 4.0*q));
  gl_FragColor = vec4(palette(fbm(uv + 4.0*r)), 1.0);
}
Plataforma de análise

Dados em
tempo real.

Monitorize KPIs, automatize relatórios e tome decisões mais rápidas com dashboards que se atualizam ao segundo.

✓ 14 dias grátis  ·  ✓ Sem cartão  ·  ✓ Cancelar a qualquer momento
Shader GLSL como hero background
06 — CSS Houdini

CSS além
dos limites.

Houdini expõe o motor de renderização do browser — criamos efeitos impossíveis com CSS normal, pintados diretamente na pipeline de composição do browser.

Pro
€29/mês
  • Projetos ilimitados
  • SSL + CDN incluído
  • Suporte 24/7
  • Analytics avançado
Começar agora

Campo de ruído

paint(noise-field)
Visitantes hoje
48.291↑ 12%

Grid pulsante

paint(grid-pulse)
Agência criativa

Fazemos o
impossível
possível.

Design, código e estratégia — tudo numa equipa.

Ver portfólio →

Plasma

paint(plasma)

07 — Interatividade

Cursor
magnético.

Elementos que atraem o cursor ao aproximar — técnica usada em portfolios e landing pages premium. Passa o rato nos botões.

Funciona em qualquer elemento — botões, links, ícones, imagens.

08 — Ray Marching

3D sem
geometria.

Cena 3D completa renderizada por um único fragment shader GLSL. Sem Three.js, sem geometria — pura matemática. Move o rato para rodar a câmara.

SDF · Ray Marching · GLSL puro · zero bibliotecas

Quer estas capacidades
no seu projeto?

Do alojamento simples ao site mais técnico — construímos o que for preciso.