Comece aqui.

O que este modelo faz

Cole a URL de uma empresa. O aplicativo extrai a paleta, a tipografia, o tom de voz e os tokens de design da marca e os reúne em um kit que você pode consultar, compartilhar e exportar.

Os kits recentes aparecem na página inicial. Abra um para ver cores, fontes, logos e um arquivo design.md gerado.

Envie esses arquivos ao Lovable ou ao seu agente de IA para usar a identidade da marca.

Opcional: conexão com o Firecrawl

A extração funciona sem ele. O Firecrawl melhora os resultados em sites com muito JavaScript e fornece mais dados da marca.

Preços — gratuito na maioria dos casos

O Firecrawl oferece 500 créditos gratuitos a cada nova conta no cadastro, sem exigir cartão. Uma extração de marca costuma usar de 1 a 5 créditos, então o uso casual raramente ultrapassa a faixa gratuita. Se os créditos acabarem, o plano Hobby começa em US$ 16/mêspor 3.000 créditos — para uso intenso ou comercial.

Como conectar

Se você remixou este modelo, o Lovable pode já ter conectado o Firecrawl. Se não tiver certeza, cole esta mensagem no chat do Lovable:

Conecte o Firecrawl a este projeto para que a extração por URL possa usá-lo em sites com muito JavaScript.

O Lovable abrirá a seleção de conexões. Escolha uma conexão existente com o Firecrawl ou crie uma. Não é preciso alterar o código.

Quando terminar este guia

Quando estiver familiarizado com o aplicativo, você pode remover o botão Comece aqui e esta página. Cole esta mensagem no chat do Lovable:

Remova o botão "Comece aqui" da navegação e exclua a página /start-here. Exclua também src/components/start-here-button.tsx e src/routes/start-here.tsx. Mantenha todo o resto como está.

Você pode restaurá-la depois, pedindo ao Lovable para adicionar a página Comece aqui novamente.