# Gardenia Bloom — Brand Package

Paquete completo de identidad de marca para **Gardenia Bloom**, maison de perfumería femenina de lujo.

## 📦 Contenido del paquete

```
gardenia-bloom/
├── brand-book.html                 # Manual de marca interactivo (sitio web)
├── BRAND.md                        # Guía de marca en Markdown (humanos + IA)
├── AI_GUIDELINES.md                # Reglas para asistentes de IA
├── DEPLOY.md                       # Instrucciones de despliegue al VPS
├── tokens.css                      # Design tokens en CSS
├── tokens.json                     # Design tokens en JSON (W3C)
├── README.md                       # Este archivo
└── assets/
    ├── logo-gardenia-bloom.png              # Logo original (con fondo)
    ├── logo-gardenia-bloom-transparent.png  # Logo sin fondo
    └── logo-gardenia-bloom-light.png        # Logo para fondos oscuros
```

---

## 🚀 Cómo usar este paquete

### Para visualizar el manual
Abre `brand-book.html` en cualquier navegador. Es una página HTML standalone — no requiere servidor.

### Para usar en un nuevo proyecto web
```html
<!-- Importa los tokens -->
<link rel="stylesheet" href="/tokens.css">

<!-- Carga las fuentes -->
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=Italianno&family=Cormorant:ital,wght@0,300;0,400;1,300;1,400&family=Cormorant+Garamond:wght@300;400&family=JetBrains+Mono&display=swap" rel="stylesheet">

<!-- Usa las variables -->
<style>
  body { background: var(--gb-marfil); color: var(--gb-fg); font-family: var(--gb-font-body); }
  h1 { font-family: var(--gb-font-display); letter-spacing: var(--gb-track-wider); }
</style>
```

### Para que una IA genere contenido on-brand
Pasa estos archivos como contexto al inicio de la sesión:
1. `BRAND.md` — guía completa
2. `AI_GUIDELINES.md` — reglas operativas
3. `tokens.css` — referencia técnica

**Prompt sugerido:**
> "Lee BRAND.md y AI_GUIDELINES.md y a partir de ahora respeta estrictamente la identidad de Gardenia Bloom en todo lo que produzcas. Confirma que entendiste antes de continuar."

---

## 🌐 Despliegue al VPS (Claude Code)

Ver [`DEPLOY.md`](./DEPLOY.md) para instrucciones paso a paso.

**Resumen ultra-rápido:**
```bash
# 1. Subir archivos al VPS
rsync -avz ./ usuario@tu-vps:/var/www/gardeniabloom.com/

# 2. Configurar nginx (ver DEPLOY.md)
sudo cp nginx.conf /etc/nginx/sites-available/gardeniabloom
sudo ln -s /etc/nginx/sites-available/gardeniabloom /etc/nginx/sites-enabled/
sudo nginx -t && sudo systemctl reload nginx

# 3. Certificado SSL
sudo certbot --nginx -d gardeniabloom.com -d www.gardeniabloom.com
```

---

## 📋 Checklist de uso

Antes de publicar cualquier pieza, verifica:

- [ ] Solo colores de la paleta oficial (`tokens.css`)
- [ ] Solo tipografías Playfair / Italianno / Cormorant
- [ ] Logo respeta espacio mínimo (altura de "BLOOM")
- [ ] Copy breve, sensorial, sin palabras prohibidas
- [ ] Sin emojis innecesarios
- [ ] Mucho espacio en blanco
- [ ] Se siente *silencioso*, no *ruidoso*

---

## 📞 Contacto

Para dudas sobre el sistema de marca, consulta primero `BRAND.md`.
Para producción de assets nuevos, sigue las plantillas en `AI_GUIDELINES.md`.

---

**Versión:** 1.0
**Última actualización:** mayo 2026
**Maison de Parfum · MMXXVI**