Filosofia

O Seed foi construído em torno de alguns princípios fundamentais. Entendê-los ajuda a trabalhar com o sistema de forma eficaz.

Conteúdo primeiro

A maioria das ferramentas pede que você pense em estrutura antes de conteúdo. No Seed, você descreve o que quer mostrar, e o sistema cuida de como renderizar.

```seed
@hero
  @title
    Bem-vindo
  @description
    Texto descritivo aqui.
```

Não há <div class="hero-wrapper"><div class="hero-content"><h1>. Você diz o que quer mostrar, e o componente cuida do HTML.

Estrutura encapsulada

Componentes complexos — como um card com título, corpo e rodapé — encapsulam toda a estrutura interna. Você só precisa preencher as partes pelo nome:

```seed
@card
  @title
    Bem-vindo ao Seed
  @body
    Uma ferramenta simples para criar páginas HTML.
  @footer
    @button variant=primary
      Começar agora
```

O componente decide a ordem, as tags HTML e as classes CSS. Você não precisa saber como o card é montado por dentro — só o que colocar em cada parte.

Uma parte não preenchida simplesmente não aparece no HTML. Se você omitir @footer, não haverá nenhum elemento vazio no output.

Sem magia implícita

Tudo no Seed é explícito. O que você escreve é o que aparece no HTML. Não há convenções ocultas, configurações implícitas ou comportamentos que só funcionam se você souber "o jeito certo".

Progressivamente detalhável

Você começa simples:

```seed
@button variant=primary
  Clique aqui
```

E vai adicionando detalhes conforme necessário:

```seed
@button variant=primary, href=cadastro, target=_blank
  Criar conta grátis
```

A sintaxe escala sem aumentar a complexidade conceitual.

HTML como output, não como input

O Seed gera HTML padrão. Você pode inspecionar, copiar e colar o output. Ele funciona em qualquer servidor estático, CDN ou serviço de hospedagem. Não há runtime, não há dependências de cliente.

Feito com ❤️ e Seed