Nunca mais fique sem ideia de frontend pra construir suas páginas
Fica no gratuito. Abre um estilo, copia o DESIGN.md, cola na IA. O resto da plataforma você não precisa hoje.
A maioria das pessoas ainda pede página assim: "faz uma landing moderna, clean, premium".
A IA entrega o mesmo site de sempre. Roxo de fábrica. Três cards iguais. Headline gigante. Botão no vazio.
Não é falta de ideia. É ideia sem sistema.
Você não precisa assinar o Refero pra resolver isso.
Hoje eu abri o styles.refero.design sem login. Badge Beta no topo. Headline oficial: "High-quality DESIGN.md examples for AI agents". Em português: exemplos de DESIGN.md, o arquivo de texto que descreve um sistema de design pra agente de IA ler.
O site afirma 2.000+ sistemas de design extraídos de páginas de produto reais. Eu não contei os 2.000. Na primeira tela, sem rolar o infinito, a grade mostrou 20 cards. O número grande é comunicação do produto, não uma contagem minha.
O que eu fiz, sem pagar: abri um card, copiei o DESIGN.md, li as regras, coloquei na IA.
O plano Pro existe. MCP, skill, biblioteca de telas, plugin de Figma. A documentação oficial do Free é direta: busca com resultado limitado; sem MCP; sem Refero Skill; sem plugin de Figma. Fonte: doc.refero.design/help/plans.
Passo 1. Separa pelo menos duas páginas que você já gosta
O que eu faria de verdade: não começo no Styles pedindo "moderno". Começo com referência que eu já gosto.
Separaria pelo menos duas páginas. Pode ser site que você já usa. Pode ser card na grade do Styles.
- Uma pelo visual: cor, tipo, espaço, o jeito da página
- Outra pelo movimento: como as coisas entram, o hover, o ritmo
Se a mesma página tiver os dois, ainda assim eu abro uma segunda. Dois. Não cinco. Não "mistura tudo".
Aí abre https://styles.refero.design/ e procura essas páginas. Pelo nome. Ou pelo que você viu.
Na home, hoje:
- busca
- chips de clima: Minimal Design, Clean SaaS, Editorial Type, Soft Gradients, Monochrome UI, Playful Design, High Contrast, Premium Design
- abas Trending, Popular, Newest
Eu fiz assim nesta sessão:
- Linear pro visual: escuro, apertado, um botão só
- monopo saigon pro movimento: letra grande, cor só no topo, animação lenta
Abre as duas fichas. Uma de cada vez. O passo 2 é o que você puxa de cada uma.
Falta o resto desta edição
Inscrição única, uma vez só. Libera esta e todas as outras edições, e você recebe as próximas no e-mail assim que entrarem no ar.