O Refn sabe.
Mostre o que te chamou atenção.
O Refn te explica por que funciona
e traduz pro teu código.
Screenshot de qualquer coisa — site, Behance, Dribbble, Stories. Ou cola a URL e o Refn extrai o CSS real.
4-6 insights profundos com técnicas nomeadas, referências culturais, e como replicar em código.
Prompt completo com tokens, princípios, técnicas com código, componentes, do's/don'ts. Cola no Claude Code e sai parecido.
Exemplo real: análise do site OCTO SMM feita pelo Refn. Cada insight identifica a técnica, explica o mecanismo, e diz como replicar.
Os tentáculos do polvo ultrapassam os limites do viewport em pelo menos 3 direções, ocupando ~60% da área visível. O elemento 3D não está contido — ele invade o espaço do usuário.
Frame-breaking elimina a sensação de "página" e ativa o sistema de atenção pré-atencional. Quando um objeto viola os limites esperados, o córtex visual o processa como mais próximo e mais urgente.
↗ Cartazes IMAX (Gravity, Interstellar), Baugasm de Vasjen Katro
Preto puro (#000) ocupa ~85%, magenta saturado ~10%, branco ~5%. Não há cinzas intermediários no fundo. A restrição cromática radical força hierarquia apenas por saturação.
O preto total faz o magenta parecer auto-iluminado — princípio de "simultaneous contrast" de Josef Albers. O magenta ativa cones L e S simultaneamente, criando vibração óptica impossível de ignorar.
↗ Neon noir de Drive (2011), Mr. Robot, linguagem Vercel invertida
Sans-serif condensada peso 800-900, ~72-80px, line-height 0.92. Alternância de cor dentro do mesmo bloco — magenta pra proposição de valor, branco pro contexto.
Fontes condensadas em peso extremo funcionam como arquitetura — cada letra é uma coluna. A alternância de cor cria hierarquia semântica sem diferença de tamanho, processada 60ms mais rápido.
↗ Bloomberg Businessweek (Richard Turley), David Rudnick, Linear
Iluminação de borda delineia as formas do polvo contra o preto. Contornos de ~2-4px. Centro em sombra profunda, bordas em saturação máxima do magenta.
Rim lighting separa sujeito do fundo sem contraste de preenchimento. A cor do rim sendo idêntica à tipografia cria coesão semiótica — magenta = marca em todo lugar.
↗ Blade Runner, Roger Deakins, renders 3D de Beeple, Nike Air Max
O prompt gerado pelo Refn inclui princípios de design com o "porquê", tokens CSS como custom properties, configuração Tailwind, técnicas nomeadas com código de implementação, guia de componentes com JSX, e uma lista completa de do's e don'ts.
Não é "use essas cores". É "use essas cores PORQUE o contraste simultâneo de Albers faz o magenta parecer auto-iluminado contra preto puro — e aqui está o CSS exato."
Para quem builda com AI e quer parar de aceitar o genérico.
Para quem vê um site foda e quer entender — e replicar.