@iannini.devProjeto de estudo · não indexado
Laboratório de UI · 2026

Lab · 46 recriações
de UI em código

Designs de site que circularam no Instagram, estudados imagem por imagem e recriados em HTML, CSS e JS puro: mesmo layout, grid, hierarquia e efeitos, com marcas fictícias, textos em PT-BR e fotos de licença livre. É um exercício de "UI recreation" para treinar olho e mão.

27sites no ar
12autores estudados
0etapas de build

AvisoRecriações de estudo; designs originais pertencem aos autores creditados. Cada card e cada rodapé leva o @ do autor e o link do post original. As marcas, os nomes e os números exibidos são fictícios.

01 · Estudo

Cada post virou uma especificação escrita imagem por imagem: grid, fonte provável, hex, componentes e erros do original a evitar.

02 · Recriação

Um site autocontido por pasta, sem build: Google Fonts, GSAP para animações sutis e respeito a prefers-reduced-motion.

03 · QA

Prints em 1440, 1024, 768 e 390 px, comparados seção por seção com as notas, até bater.