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.
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.