# FRENZZY — contexto de marca para agentes

> Pega este archivo, o su URL, en Lovable / v0 / Cursor / Bolt cuando construyas
> algo para FRENZZY. Trae la identidad completa y las URLs listas para usar.

## La marca en tres líneas

FRENZZY (razón comercial *Streetlab Clo.*) es una marca mexicana de streetwear
que reinterpreta la cultura pop en prendas de edición numerada. Vende solo en
línea, envía únicamente dentro de México y opera en pesos. El producto actual es
la **Generación Cero**: 36 playeras oversize numeradas a mano, por reserva.

Registro visual: gótico urbano, alto contraste, blanco y negro con un acento
teal. Nada de degradados suaves ni redondeos amables.

## Base del CDN

```
https://cdn.frenzzy.shop/
```

CORS abierto (`access-control-allow-origin: *`), caché de 7 días. Se puede
enlazar directo desde cualquier origen.

## Paleta

| Rol | Hex | Uso |
|---|---|---|
| Negro | `#000000` | Fondo principal, tinta sobre claro |
| Blanco | `#FFFFFF` | Texto sobre negro, marca invertida |
| Teal de marca | `#20A0A8` | Acento: estrellas, franjas, subrayados |
| Teal claro | `#3EC9D1` | Acento sobre fondo negro, hover |

**Regla:** el teal es acento, nunca superficie. Una pieza correcta es blanco y
negro con un destello teal, no un bloque teal.

## Tipografía

| Rol | Fuente | Nota |
|---|---|---|
| Display | **Pirata One** | Blackletter. Titulares cortos, nunca texto corrido. |
| Técnica | **Oswald** | Condensada, mayúsculas, `letter-spacing` amplio. Etiquetas, datos, navegación. |
| Texto | **Archivo** (o system sans) | Párrafos y UI. |

## Open Graph

![og-image](og-image.jpg)

```html
<meta property="og:image" content="https://cdn.frenzzy.shop/og-image.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://cdn.frenzzy.shop/og-image.jpg" />
```

## Qué usar en cada contexto

| Contexto | Asset |
|---|---|
| Header sobre fondo oscuro | `PNG/imagotipo_frenzzy_blanco_1.png` |
| Header sobre fondo claro | `PNG/imagotipo_frenzzy_negro_1.png` |
| Header con acento | `PNG/imagotipo_frenzzy_blancoteal_1.png` |
| Favicon / app icon | `PNG/isotipo_frenzzy_blanco_2.png` sobre negro |
| Avatar de redes | `PNG/monograma_frenzzy_blanco_1.png` sobre negro |
| Sello de autenticidad, etiquetas de producto | `PNG/sello_frenzzy_negro_1.png` |
| Firma de correo | `PNG/lockup_frenzzy_negro_1.png` |
| Edición fundador | `PNG/lockup_frenzzy_negro_2.png` |
| Camiseta, gráfica de espalda | `PNG/lema_frenzzy_negroteal_2.png` |
| Bordado y parches | `PNG/bandera_frenzzy_negroteal_1.png` |
| Impresión a una tinta | Cualquier `_negro_` o `_blanco_` |
| Modo oscuro | Los `_blanco_` y `_blancoteal_` |
| WhatsApp / TikTok / Instagram | `PNG/monograma_frenzzy_blanco_1.png` |

## Cómo pedirlo

```html
<img src="https://cdn.frenzzy.shop/PNG/imagotipo_frenzzy_blanco_1.png"
     alt="FRENZZY" width="320" height="83">
```

```jsx
<img
  src="https://cdn.frenzzy.shop/PNG/isotipo_frenzzy_blanco_2.png"
  alt="FRENZZY"
  className="h-10 w-auto"
/>
```

```css
.marca {
  background: url("https://cdn.frenzzy.shop/PNG/imagotipo_frenzzy_blanco_1.png")
              center / contain no-repeat;
}
```

## Formatos

- **`PNG/`** — transparente. Es lo que debes usar salvo que tengas una razón.
- **`JPG/`** — la misma marca con su fondo original blanco o negro. Útil donde
  la transparencia estorba: adjuntos de correo, algunos sistemas de impresión.
- **`MOCKUPS/`** — fotografía de producto. No son logos, no los uses como tal.

## Los assets

Todos en PNG con fondo transparente. El nombre dice qué es y de qué color va la
marca, no el fondo: `blanco` es la versión para poner sobre oscuro.

| Tipo | Qué es |
|---|---|
| `imagotipo` | Marca completa: el blackletter «Frenzzy» más «Streetlab Clo.» |
| `isotipo` | Solo el símbolo: la F de cinta con el destello |
| `monograma` | F y SS entrelazadas, cuadrado. El mejor para avatares |
| `bandera` | Bandera con la F y las franjas |
| `inicial` | F serif con destello, para acentos tipográficos |
| `sello` | Circular, con el texto alrededor. Autenticidad y etiquetas |
| `emblema` | La marca dentro de un destello de cuatro puntas |
| `lockup` | Horizontal: símbolo más texto en bloque. Firmas y cabeceras |
| `lema` | «The New World Disorder». Gráfica de prenda, no identidad |
| `etiqueta` | Placa rectangular con la marca calada |


- `https://cdn.frenzzy.shop/PNG/bandera_frenzzy_blanco_1.png`
- `https://cdn.frenzzy.shop/PNG/bandera_frenzzy_blancoteal_1.png`
- `https://cdn.frenzzy.shop/PNG/bandera_frenzzy_negro_1.png`
- `https://cdn.frenzzy.shop/PNG/bandera_frenzzy_negroteal_1.png`
- `https://cdn.frenzzy.shop/PNG/emblema_frenzzy_blanco_1.png`
- `https://cdn.frenzzy.shop/PNG/emblema_frenzzy_negro_1.png`
- `https://cdn.frenzzy.shop/PNG/etiqueta_frenzzy_blanco_1.png`
- `https://cdn.frenzzy.shop/PNG/etiqueta_frenzzy_negro_1.png`
- `https://cdn.frenzzy.shop/PNG/imagotipo_frenzzy_blanco_1.png`
- `https://cdn.frenzzy.shop/PNG/imagotipo_frenzzy_blancoteal_1.png`
- `https://cdn.frenzzy.shop/PNG/imagotipo_frenzzy_blancoteal_2.png`
- `https://cdn.frenzzy.shop/PNG/imagotipo_frenzzy_negro_1.png`
- `https://cdn.frenzzy.shop/PNG/imagotipo_frenzzy_negroteal_1.png`
- `https://cdn.frenzzy.shop/PNG/imagotipo_frenzzy_negroteal_2.png`
- `https://cdn.frenzzy.shop/PNG/inicial_frenzzy_blanco_1.png`
- `https://cdn.frenzzy.shop/PNG/inicial_frenzzy_negro_1.png`
- `https://cdn.frenzzy.shop/PNG/isotipo_frenzzy_blanco_1.png`
- `https://cdn.frenzzy.shop/PNG/isotipo_frenzzy_blanco_2.png`
- `https://cdn.frenzzy.shop/PNG/isotipo_frenzzy_negro_1.png`
- `https://cdn.frenzzy.shop/PNG/isotipo_frenzzy_negro_2.png`
- `https://cdn.frenzzy.shop/PNG/isotipo_frenzzy_teal_1.png`
- `https://cdn.frenzzy.shop/PNG/lema_frenzzy_blancoteal_1.png`
- `https://cdn.frenzzy.shop/PNG/lema_frenzzy_blancoteal_2.png`
- `https://cdn.frenzzy.shop/PNG/lema_frenzzy_negroteal_1.png`
- `https://cdn.frenzzy.shop/PNG/lema_frenzzy_negroteal_2.png`
- `https://cdn.frenzzy.shop/PNG/lockup_frenzzy_blanco_1.png`
- `https://cdn.frenzzy.shop/PNG/lockup_frenzzy_blanco_2.png`
- `https://cdn.frenzzy.shop/PNG/lockup_frenzzy_negro_1.png`
- `https://cdn.frenzzy.shop/PNG/lockup_frenzzy_negro_2.png`
- `https://cdn.frenzzy.shop/PNG/monograma_frenzzy_blanco_1.png`
- `https://cdn.frenzzy.shop/PNG/monograma_frenzzy_blanco_2.png`
- `https://cdn.frenzzy.shop/PNG/monograma_frenzzy_negro_1.png`
- `https://cdn.frenzzy.shop/PNG/monograma_frenzzy_negro_2.png`
- `https://cdn.frenzzy.shop/PNG/sello_frenzzy_blanco_1.png`
- `https://cdn.frenzzy.shop/PNG/sello_frenzzy_blancoteal_1.png`
- `https://cdn.frenzzy.shop/PNG/sello_frenzzy_negro_1.png`
- `https://cdn.frenzzy.shop/PNG/sello_frenzzy_negroteal_1.png`

### Mockups

No son logos: son fotografía de producto con fondo y sombra propios. Sirven para
presentaciones y fichas, nunca como marca.

- `https://cdn.frenzzy.shop/MOCKUPS/parche_frenzzy_rectangular_1.jpg`
- `https://cdn.frenzzy.shop/MOCKUPS/parche_frenzzy_circular_1.jpg`
- `https://cdn.frenzzy.shop/MOCKUPS/parche_frenzzy_monograma_1.jpg`
- `https://cdn.frenzzy.shop/MOCKUPS/mockup_frenzzy_patineta_1.jpg`
- `https://cdn.frenzzy.shop/MOCKUPS/pin_frenzzy_bandera_1.jpg`
- `https://cdn.frenzzy.shop/MOCKUPS/pin_frenzzy_circular_1.jpg`
- `https://cdn.frenzzy.shop/MOCKUPS/mockup_frenzzy_lata_1.jpg`

El listado de directorio está cerrado, así que hay que pedir cada archivo por su
nombre; `https://cdn.frenzzy.shop/MOCKUPS/` devuelve 403.

## Qué NO hacer

- No estirar ni deformar: la proporción es parte de la marca.
- No poner el teal como fondo de superficies grandes.
- No usar un mockup donde va un logo.
- No recolorear: si necesitas otro color, no existe. Usa negro o blanco.
- No rehacer el blackletter con otra tipografía: está dibujado a medida.