All notes

Builder's Notes

Levando o circo para telas pequenas

O Fleawinder: Living Circus foi projetado para uma faixa larga e fina acima da barra de tarefas — confortavelmente em paisagem. Celulares são retrato. Fazer o circo funcionar em telas pequenas significou repensar o layout sem perder o que o torna vivo.

The embeddable widget flips to a tall canvas on mobile, stacking the acts vertically instead of spreading them across a ribbon. Anyone dropping Fleawinder: Living Circus into their own site gets a layout that adapts automatically. Four theme presets (dark, light, warm, cool) and a scale parameter let it blend with whatever surrounds it.

O maior desafio foi a legibilidade. Na tela de um celular, pulgas desenhadas em escala de desktop são apenas pontos. Adicionamos uma passagem de zoom que amplia os corpos das pulgas para que seus trajes, expressões e acessórios sejam realmente visíveis — a faixa do Pip, o capacete do Rex, a pequena coroa do Blaze. Os detalhes de personalidade que sempre estiveram lá de repente se leem à distância de um braço.

O resto da reformulação mobile foi menos glamuroso, mas igualmente importante: alvos de toque acessíveis, melhor escalonamento de fontes, espaçamento responsivo em todo o site de marketing. Nada revolucionário — apenas garantir que o circo fique bem onde quer que você o encontre.