---
name: lacqua-marina
description: Sistema de geracao de posts para L'Acqua Marina Home Resort (Abadiania/GO, multipropriedade). Use SEMPRE que o usuario pedir post, carrossel, story, reel cover, ou qualquer material visual Instagram/social para L'Acqua Marina. Sistema canonico de 50 referencias em 3 volumes (I Tipografia, II Disruptivo, III Editorial Lifestyle). Paleta travada gold/creme/ink. Tipografia Acumin Pro regular (base) + Playfair 600 (enfase) + JetBrains Mono (dados). Output PNG 2x. Fluxo: usuario pede post -> agente sugere 3 referencias do catalogo -> usuario escolhe 1 -> renderiza 1:1/4:5/9:16 conforme pedido.
---

# L'Acqua Marina - Sistema de Geracao de Posts

Skill dedicada para producao consistente de posts da marca L'Acqua Marina Home Resort. Baseada no manual canonico dos 50 posts (3 volumes). Seu papel nao e criar design novo, e executar o sistema existente com rigor.

## Identidade da marca

- **Marca**: L'Acqua Marina Home Resort
- **Produto**: Multipropriedade (Lei 13.777/2018) em chales A-frame
- **Localizacao**: Lago Corumba IV, Abadiania/GO, 1h de Brasilia
- **Fundadora**: Mariana (referencia para quotes)
- **Voz**: editorial, premium, confiante sem arrogancia, tecnica sem frieza
- **Pilares de conteudo**: Autoridade, Educacao, Experiencia, Conversao, Localizacao, Lifestyle

Nao diga "timeshare". Diga multipropriedade. Nao diga Caldas Novas. E Abadiania/GO.

## Regras inegociaveis

### Paleta (travada)
- Gold `#b08d5b`
- Gold Light `#c9a870`
- Gold Deep `#8a6a3f`
- Bege (bg) `#f2f0ec`
- Bege 2 (bg-2) `#e8e5de`
- Ink (texto principal) `#1a1a18`
- Ink Soft `#4a4740`
- Linha `rgba(26,26,24,.14)`

Nenhuma cor fora disso. Nunca. Se o post pedir contraste, use gold sobre bege ou bege sobre ink.

### Tipografia (regra Matheus - 15/04/2026)
- **Base**: `Acumin Pro` regular (peso 400). Fallback: `Inter`
- **Enfase**: `Playfair Display` 600 (semibold) - usado quando quero dar peso semantico
- **Dados/metadados**: `JetBrains Mono` 400/500 - numeros, coordenadas, codigos, labels uppercase
- Italico: `Playfair Display` 400 italic ou 600 italic (apenas quando o template do manual pedir)
- `Cormorant Garamond` esta **fora** do sistema. Nao usar mesmo que o HTML antigo mostre.

Regra pratica: escreve em Acumin. Palavras-chave que precisam peso editorial sobem para Playfair 600. Numeros e labels tecnicos viram mono.

### Wordmark
`L'<em>Acqua</em> Marina` - Playfair 400 com "Acqua" em italic 400 gold deep (#8a6a3f).

### Aspect ratios suportados
- `1:1` feed quadrado - 1080x1080
- `4:5` feed portrait - 1080x1350
- `9:16` story/reel cover - 1080x1920
- Carrossel - sequencia de N slides 1:1 ou 4:5

Render sempre em 2x (2160/2700/3840 internamente, escalando para o tamanho final) para nitidez.

## Fluxo de trabalho

Quando o usuario pedir um post:

1. **Leia o catalogo** `catalog.json` - 50 referencias indexadas por volume/pilar/formato
2. **Sugira 3 opcoes** que encaixem no conteudo/objetivo. Formato da sugestao:
   ```
   Opcao A - p05 Numero (Vol I, Autoridade) - para stat de impacto
   Opcao B - p27 Pull quote (Vol II, Autoridade) - para frase cinematografica
   Opcao C - p33 Quote cinematografico (Vol III, Lifestyle) - se tiver foto
   ```
3. **Espere o usuario escolher**. Nao renderize sem confirmacao.
4. **Renderize** via `scripts/render.py` no aspect ratio pedido
5. **Entregue PNG 2x** em outputs/ com computer:// link

Se o usuario mandar conteudo sem objetivo claro, puxa antes:
- Qual pilar? (autoridade/educacao/experiencia/conversao/localizacao/lifestyle)
- Qual aspect ratio? (1:1 feed, 4:5 feed, 9:16 story)
- Tem foto? (Vol III precisa foto, Vol I e II geralmente nao)

## Estrutura da skill

```
lacqua-marina/
|- SKILL.md              este arquivo
|- catalog.json          50 posts com metadata completa
|- tokens.css            design tokens (cores, tipografia, espacos)
|- templates/
|   |- base.html         shell HTML com tokens, fonts, logos
|   |- vol1-typography.html  template parametrico Vol I
|   |- vol2-disruptive.html  template parametrico Vol II
|   |- vol3-editorial.html   template parametrico Vol III
|   |- carousel-cover.html   capa de carrossel
|- reference/
|   |- manual-50-posts.html  copia do manual canonico
|- scripts/
|   |- render.py         Playwright > PNG 2x
|   |- catalog.py        helper para buscar referencias
|- README.md
```

## Como renderizar

```bash
cd /path/para/lacqua-marina
pip install playwright --break-system-packages
playwright install chromium

python scripts/render.py \
  --template vol1-typography \
  --ratio 1x1 \
  --data '{"headline":"Patrimonio real","kicker":"MULTIPROPRIEDADE","pilar":"AUTORIDADE","postId":"p01"}' \
  --output /caminho/post.png
```

Input JSON varia por template. Ver `templates/*.html` para variaveis suportadas.

## Catalogo resumido dos 50 posts

**Volume I - Tipografia (p01-p10)**
Manifesto, carrossel cover educacional, quote hero, FAQ, numero (big stat), localizacao (coordenadas), split comparativo, processo (5 passos), CTA metalico, stat autoridade.

**Volume II - Disruptivo (p11-p30)**
Diagonal -6 graus, capa revista, ticker reel frame, blueprint arquitetonico, grid icones, indice editorial, selo circular, data-viz comparativo, palavra unica, 4 cards, triptico, calendario, passaporte/documento, polaroids sobrepostos, orbital/sistema, steps vertical, pull quote, price anchor, timeline, selo metalico.

**Volume III - Editorial Lifestyle (p31-p50)**
Cover cerrado, destination chale, quote cinematografico, side band, half split noturno, corner mark interior, center wordmark, magazine editorial, golden hour, collage 3 cenas, hero vertical stat, duo lado a lado, border frame, lifestyle + card, tabloid headline, mini galeria, polaroid single, texture + big type, lifestyle trio, closing brand.

Detalhes completos (idea, desc, style, rules, guide, layout, swatches) em `catalog.json`.

## Proibicoes

- Nao inventar layout fora dos 50
- Nao usar cor fora da paleta
- Nao trocar fontes pelo "parecido" do navegador sem Acumin Pro carregado
- Nao escrever "timeshare", "caldas novas", "banco de imagens"
- Nao usar emojis em arte
- Nao renderizar antes do usuario confirmar a opcao
- Nao usar Cormorant Garamond mesmo que o HTML antigo mostre

## Quando NAO usar esta skill

- Post para Squad Film - use `carrosseis-v1` ou `pdf-vevo-design-neo-swiss`
- Outros clientes (MetroQuadrado2, Porto 153, Romaria Nautica) - criar skill dedicada
- Documento PDF comercial - use `pdf-vevo-design-neo-swiss`
