Sistema de capas SVG generativas
A imagem de capa deste card foi renderizada server-side a partir do teu slug. Sem designer, sem upload, sem pipeline de assets. Geometria determinística + tipografia + cache.
- Ano
- 2026
- Stack
- PHP
SVG
crc32
Cache-Control - Código-fonte
- GitHub
Cada entrada de journal e lab recebe uma capa SVG gerada. O mesmo input produz sempre o mesmo output (hash do slug guia cada decisão geométrica), mas o output é suficientemente distinto para que duas entradas nunca colidam.
É um único ficheiro PHP. Sem JS no cliente. Sem biblioteca de imagem. Só matemática, tipografia e um gradiente radial.
Palette fria para /lab. Quente para /journal. Tags viram pills com outline em baixo à direita. Título assenta em serif itálico sobre uma grelha de pontos pseudo-aleatorizada pelo crc32 do slug. Os headers de cache dizem immutable, 30 days — Cloudflare e o browser nunca voltam a renderizar a mesma capa duas vezes.
A parte que continuámos a iterar: manter visualmente interessante sem gastar compute. SVG é XML — comprime bem, o browser interpreta instantaneamente, e os motores de busca indexam mesmo o texto que está lá dentro.
Conta-nos o que só existiu em palavras.
ou escreve para info@amplifiedcreations.com · responde um membro sénior da equipa