A forma mais simples de construir sites estáticos

Escreva componentes. Defina estilos uma vez. Publique em qualquer lugar. Seed compila tudo em HTML puro, rápido e sem dependências.

Você escreve isso

Uma sintaxe simples e intencional

@hero design=center
  @title
    A forma mais simples de construir sites
  @description
    Escreva componentes.
    Defina estilos uma vez.
    Publique em qualquer lugar.
    Seed compila tudo em HTML puro, rápido e sem dependências.
  @cta
    @button href=#como-funciona
      Ver documentação

Seed entrega isso

HTML completo, semântico e rápido

<section class="min-h-96 flex items-center relative overflow-hidden">
    <div class="text-center max-w-2xl mx-auto px-6">
        <h1 class="text-5xl font-bold leading-tight">
            A forma mais simples de construir sites
        </h1>
        <p class="py-6 text-lg opacity-80">
            Escreva componentes. Defina estilos uma vez. Publique em qualquer lugar. Seed compila tudo em HTML puro, rápido e sem dependências.
        </p>
        <div class="flex gap-4 justify-center">
            <a href="#como-funciona" rel="noopener noreferrer">
                <button class="inline-flex items-center justify-center rounded-lg font-semibold transition-all duration-200 cursor-pointer px-5 py-2.5 text-sm bg-indigo-600 text-white hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
                    Ver documentação
                </button>
            </a>
        </div>
    </div>
</section>

Como o Seed funciona

Três conceitos. Zero configuração. HTML perfeito.

📝 Escreva

Use a sintaxe .seed para declarar o que você quer — não como construir. @hero, @button, @card. Intenção, não implementação.

🎨 Defina

Cada componente tem sua aparência definida. Classes base, modifiers de tamanho, cor e comportamento. Mude em um lugar, propaga em todo o site.

🚀 Publique

Seed compila tudo em HTML estático puro. Sem servidor. Sem banco de dados. Hospede no GitHub Pages, Netlify, Vercel ou qualquer CDN — com custo próximo de zero.

O poder dos componentes

Defina variações independentes para cada componente. Combine-as livremente. Sem duplicar código.

Crie um componente

Crie um componente reutilizável. Você pode usar ele em qualquer página

avatar:

tag: img

class: rounded-full

variant:

square: rounded-none

size:

small: w-8 h-8

large: w-16 h-16

Escreva isso

Combine as variações livremente. Eles nunca viram atributos HTML — só classes CSS.

@avatar src=/static/foto.jpg, size=small

@avatar src=/static/foto.jpg, variant=square, size=large

Receba o html pronto

Seu HTML é gerado sem você escrever uma única linha de código HTML

Para quem é o Seed

Para quem quer fazer um site rápido.

👩‍💻

Desenvolvedores

Defina o sistema de design uma vez com toda precisão técnica que quiser. Depois, construir páginas é trivial. Onboarding de novos membros em minutos, não dias.

✓ Componentes reutilizáveis
✓ Output HTML limpo
✓ Zero JavaScript no runtime

🎨

Designers

A ponte que sempre faltou entre design e produção. Controle tamanhos, variações e estilos com precisão. Mude em um lugar, propaga em todo o site.

✓ Modifiers por grupo
✓ Deduplicação de classes
✓ Sistema de design real

📣

Marketing

Crie landing pages, ajuste textos e reorganize seções sem abrir ticket para desenvolvimento. Com IA, escrever páginas Seed é acessível para qualquer pessoa.

✓ Sintaxe legível
✓ Autonomia para criar
✓ IA-friendly

Por que não os outros?

Cada ferramenta tem seu lugar. O Seed ocupa o espaço que nenhuma preenchia.

	Seed	Jekyll / Hugo	Astro / Next	Webflow
HTML estático	✅	✅	✅	✅
Sistema de componentes	✅	❌	✅	✅
Sem JavaScript no runtime	✅	✅	⚠️	⚠️
Sintaxe simples e legível	✅	⚠️	❌	✅
Sem lock-in de plataforma	✅	✅	✅	❌
Modifiers declarativos	✅	❌	❌	❌
Acessível para não-devs	✅	❌	❌	⚠️

O que dizem sobre o Seed

Depoimentos de quem já plantou.

"Finalmente consigo criar landing pages sem depender do dev. Escrevo, a IA ajuda, e o resultado é profissional."

Ana Rodrigues

Head de Marketing, Fintech

"Construí o sistema de design da empresa inteiro no Seed. Agora qualquer pessoa do time consegue criar uma página nova."

Carlos Mendes

Engineering Lead, SaaS B2B

"O conceito de modifiers mudou como penso sobre componentes. Define uma vez, usa para sempre, sem duplicação."

Fernanda Lima

Designer de Produto, Agência

Pronto para começar?

Comece agora. Instale o Seed, escreva sua primeira página em minutos e veja o HTML gerado na hora.

# instale

pip install seed-html

# crie um projeto

seed init meu-site

# rode o servidor de desenvolvimento

seed dev meu-site