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>. Apenas slots com nomes significativos.

Slots, não templates

Componentes do Seed expõem slots nomeados em vez de exigir que você conheça sua estrutura interna. Você preenche os slots, o componente decide como renderizá-los.

Um slot não preenchido simplesmente não aparece no HTML. Se você não passar @image para um @hero, não haverá <img> vazio no output.

Sem magia implícita

Tudo no Seed é explícito. Props tornam-se atributos HTML. Variantes adicionam classes CSS. Design templates definem estrutura. Não há convenções ocultas difíceis de descobrir.

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.