# DinkGo — guía de marca para IA y agentes
DinkGo es la plataforma de pickleball de Latinoamérica: reúne jugadores, clubes y organizadores para jugar, inscribirse a torneos y seguir resultados. Su lema es «Juega. Conecta. Compite.» y su marca tiene un gesto único: la «o» final del nombre es la bola de pickleball.
- **Para quién es este archivo:** una IA de imagen, una IA de texto, un agente de diseño o un agente de código que va a producir una pieza (afiche, post, historia, correo, página) para un torneo, club o encuentro publicado en DinkGo.
- **Versión:** 1.0 · 9 de noviembre de 2026.
- **URL canónica:** https://dinkgo.app/marca/dinkgo-marca-para-ia.md
- **Si este archivo difiere de https://dinkgo.app/marca, manda la página.** Los archivos del logo y la paleta se descargan de ahí.
- **Titular de la marca:** DL SOFT TECHNOLOGIES S.A.S., Bucaramanga, Colombia. Contacto para usos que no estén aquí: admin@dlsoft.dev
Cómo leer este archivo: las secciones 1 a 3 son obligatorias para cualquier pieza; las demás se aplican según lo que produzcas. Al final hay una lista de verificación (sección 10) y un prompt corto autocontenido (sección 11).
## 1. Reglas que no se rompen
1. **Usa SOLO los archivos oficiales del logo** (sección 2). Si no puedes descargarlos ni recibirlos adjuntos, deja en su lugar un hueco marcado «[LOGO DINKGO]» y dilo en tu respuesta.
2. **Nunca redibujes el logo, nunca lo reescribas con una fuente y nunca lo generes con una IA de imagen.** Si generas una imagen de fondo, el logo se coloca encima después, como archivo (SVG o PNG), no se pide dentro del prompt de imagen.
3. **El logotipo es «DinkG●»:** las letras «DinkG» seguidas de la bola de pickleball, que es la «o». Es una sola pieza. No separes la bola de las letras.
4. **En texto corrido, el nombre se escribe «DinkGo»** (D y G mayúsculas, el resto en minúscula, sin espacio ni guion). Nunca «Dinkgo», «DINKGO», «Dink Go», «DinkGO» ni «Dink-Go». La dirección web va en minúscula: dinkgo.app.
5. **Isotipo y logotipo nunca van juntos.** El isotipo es la bola con ondas sobre su cuadro navy (archivo `dinkgo-icono.svg`). No pongas el isotipo al lado ni encima del logotipo, ni la bola con ondas junto al texto «DinkGo» o «DinkGo.app».
6. **La versión del logo se elige por el fondo:** fondo oscuro, `dinkgo-logo-oscuro`; fondo claro, `dinkgo-logo`; una sola tinta blanca sobre oscuro, `dinkgo-logo-blanco`.
7. **El lima va solo sobre fondo oscuro.** Sobre sand el lima rinde 1,09:1 y la bola desaparece. Sobre fondo claro el logotipo va todo en navy.
8. **Zona de protección: el diámetro de la bola del logotipo, por los cuatro lados.** En números: la bola mide 592 de los 3753 de ancho del logotipo, es decir el 15,8 % de su ancho. Con un logotipo de 96 px de ancho, el aire mínimo es de unos 15 px.
9. **Tamaños mínimos del logotipo: 96 px de ancho en pantalla, 25 mm impreso, 60 mm bordado.** Por debajo de eso se usa el isotipo, nunca un logotipo más chico.
10. **No estires, no rotes, no cambies las proporciones, no recolorees** (ni a lima sobre claro, ni con el color del evento), **y no añadas sombra, contorno, degradado ni efecto** (brillo, desenfoque, relieve, reflejo).
11. **Sobre una foto, el logotipo va sobre un velo oscuro.** Un logotipo blanco sobre una foto clara no se lee.
12. **No sugieras que DinkGo organiza, patrocina o avala** el evento o la marca de quien pide la pieza. El kit sirve para promocionar un evento publicado en DinkGo; no para fingir una alianza.
13. **No inventes datos.** Fechas, horas, precios, premios, rankings, sedes, cupos y enlaces los pone quien organiza. Si faltan, deja un hueco marcado («[FECHA]», «[SEDE]», «[PRECIO]») y pídelos.
## 2. Archivos oficiales
Base: https://dinkgo.app/marca/ — todos son vectores o PNG con fondo transparente. Los SVG no llevan texto: no necesitan ninguna fuente instalada.
| Archivo | Qué es | Para qué fondo |
|---|---|---|
| https://dinkgo.app/marca/dinkgo-logo-oscuro.svg | Logotipo, versión principal: letras sand y bola lima | Fondo oscuro: navy, o foto con velo oscuro |
| https://dinkgo.app/marca/dinkgo-logo-oscuro-1024.png | Lo mismo en PNG, 1024 px de ancho | Fondo oscuro, uso en pantalla |
| https://dinkgo.app/marca/dinkgo-logo-oscuro-2048.png | Lo mismo en PNG, 2048 px de ancho | Fondo oscuro, impresión pequeña |
| https://dinkgo.app/marca/dinkgo-logo.svg | Logotipo todo en navy | Fondo claro: sand o blanco |
| https://dinkgo.app/marca/dinkgo-logo-1024.png | Lo mismo en PNG, 1024 px de ancho | Fondo claro, uso en pantalla |
| https://dinkgo.app/marca/dinkgo-logo-2048.png | Lo mismo en PNG, 2048 px de ancho | Fondo claro, impresión pequeña |
| https://dinkgo.app/marca/dinkgo-logo-blanco.svg | Logotipo en una sola tinta blanca | Sobre oscuro: bordado, serigrafía, marca de agua, foto con velo |
| https://dinkgo.app/marca/dinkgo-logo-blanco-1024.png | Lo mismo en PNG, 1024 px de ancho | Sobre oscuro, uso en pantalla |
| https://dinkgo.app/marca/dinkgo-logo-blanco-2048.png | Lo mismo en PNG, 2048 px de ancho | Sobre oscuro, impresión pequeña |
| https://dinkgo.app/marca/dinkgo-icono.svg | Isotipo: la bola con ondas sobre cuadro navy | Solo espacios cuadrados o chicos: avatar, favicon, ícono, sello. Va solo |
| https://dinkgo.app/marca/dinkgo-kit-de-marca.zip | Todo lo anterior más PNG hasta 4096 px, versiones PNG sobre sand y sobre navy, y un LEEME | Cuando necesites resolución de imprenta |
Reglas de elección:
- Para imprenta usa el SVG, o el PNG de 4096 px del ZIP. No amplíes un PNG de 1024.
- Los PNG del logotipo tienen proporción 1024 × 218: el ancho es 4,703 veces el alto. No fuerces otra proporción.
- Los archivos que dicen «sobre-sand» o «sobre-navy» dentro del ZIP traen el fondo incluido; úsalos solo si el arte no tiene ya ese fondo.
## 3. Paleta
La paleta de marca son cinco colores. Los hex salen de la fuente de verdad del sistema de diseño; cópialos tal cual.
| Nombre | Hex | Variable CSS | Rol |
|---|---|---|---|
| Smash Navy | `#082033` | `--dg-navy-900` | Color primario: fondos oscuros y texto principal sobre claro |
| Dink Lime | `#C8FF2E` | `--dg-lime-500` | Acento, el color de la bola: botón o llamada a la acción, un resalte. Solo sobre fondo oscuro |
| Rally Blue | `#2698EA` | `--dg-blue-500` | Enlaces e interacción. Texto solo sobre fondo oscuro |
| Sand | `#F7F6EF` | `--dg-sand-50` | Fondo claro cálido y texto sobre oscuro |
| Court Teal | `#0E8C8C` | `--dg-court-500` | Secundario de comunidad y mapa; texto solo grande |
Neutros de apoyo (del mismo sistema, para fondos y textos secundarios; no son colores de marca):
| Nombre | Hex | Variable CSS | Rol |
|---|---|---|---|
| Navy 950 | `#040D16` | `--dg-navy-950` | Fondo más profundo, tema oscuro |
| Navy 800 | `#0C3554` | `--dg-navy-800` | Superficie un peldaño sobre el fondo oscuro |
| Navy 700 | `#104874` | `--dg-navy-700` | Fin del degradado de fondo y superficie más alta |
| Sand 200 | `#E4E4DC` | `--dg-sand-200` | Bordes y texto secundario sobre oscuro |
| Sand 400 | `#A9B2AC` | `--dg-sand-400` | Texto atenuado sobre oscuro |
| Sand 600 | `#6E6E64` | `--dg-sand-600` | Texto atenuado sobre claro |
| Blanco | `#FFFFFF` | `--dg-sand-0` | Solo superficie de una tarjeta sobre sand; no es el fondo de un afiche |
Semánticos del producto (estados: confirmado, aviso, error). No son decoración: no los uses en un afiche para dar color.
| Nombre | Hex | Variable CSS |
|---|---|---|
| Success | `#2AD68F` | `--dg-success` |
| Warning | `#FF7A59` | `--dg-warning` |
| Error | `#E23D3D` | `--dg-error` |
Reglas de color:
- **Sand no es blanco y navy no es negro.** Esa diferencia es la marca. No sustituyas el sand por blanco puro ni el navy por negro puro.
- **Sobre el lima, el texto va en navy. Nunca blanco, nunca sand.**
- **El lima nunca es fondo de una zona grande ni color de texto corrido.** Es la bola y la acción: un botón, una llamada, un resalte.
- **El lima solo sobre fondo oscuro.** Sobre fondo claro, la acción se hace con navy y texto sand.
- **Un solo elemento lima protagonista por pieza.**
- **No inventes colores fuera de esta paleta**: ni el color del club, ni un verde «pickleball», ni un degradado de otros tonos. Si el organizador pide su color, úsalo en su propio logo, no en el de DinkGo.
- **Fondos de pieza sin foto:** navy `#082033` liso, o el degradado de la casa a 135°, de `#082033` (inicio) a `#104874` (fin). Con foto y texto encima: un velo navy `#040D16` de arriba abajo, transparente arriba, 38 % de opacidad al 55 % de la altura y 72 % abajo.
Contrastes medidos (fórmula WCAG 2.x). El umbral AA es 4,5:1 para texto normal y 3:1 para texto grande (desde 24 px, o unos 19 px en negrita) y componentes gráficos.
| Par (texto sobre fondo) | Contraste | Veredicto |
|---|---|---|
| `navy-900` sobre `lime-500` | 14,07:1 | Correcto: el único texto sobre lima |
| `sand-50` sobre `navy-900` | 15,33:1 | Correcto |
| `lime-500` sobre `navy-900` | 14,07:1 | Correcto |
| `blue-500` sobre `navy-900` | 5,35:1 | Correcto |
| `sand-400` sobre `navy-900` | 7,63:1 | Correcto |
| `sand-600` sobre `sand-50` | 4,75:1 | Correcto |
| `court-500` sobre `navy-900` | 4,07:1 | Solo texto grande |
| `court-500` sobre `sand-50` | 3,76:1 | Solo texto grande |
| `blue-500` sobre `sand-50` | 2,87:1 | Falla: no uses Rally Blue como texto sobre claro |
| `sand-0` sobre `lime-500` | 1,18:1 | Falla: nunca blanco sobre lima |
| `sand-50` sobre `lime-500` | 1,09:1 | Falla: nunca sand sobre lima |
| `lime-500` sobre `sand-50` | 1,09:1 | Falla: el lima no va sobre claro |
## 4. Tipografía
Tres familias, las tres gratis en Google Fonts:
| Fuente | Pesos | Se usa para | Enlace |
|---|---|---|---|
| Sora | 600, 700, 800 | Titulares y números grandes (marcadores, fechas, cifras) | https://fonts.google.com/specimen/Sora |
| DM Sans | 400, 500, 700 | Cuerpo de texto y todo lo demás | https://fonts.google.com/specimen/DM+Sans |
| JetBrains Mono | 400, 600 | Datos y códigos: códigos de inscripción, identificadores, tablas técnicas | https://fonts.google.com/specimen/JetBrains+Mono |
Reglas de tipografía:
- **Un solo tamaño de titular grande por pieza.** El resto baja de escala con claridad.
- **Titulares en Sora 800** (o 700). Cuanto más grande el titular, más cerrado: interlineado de 1,02 a 1,18 y espaciado entre letras de −0,01 a −0,03 em. Sora abre mucho en tamaños grandes; sin ese ajuste se ve suelta.
- **Cuerpo en DM Sans con interlineado 1,5**, desde 16 px en pantalla.
- **Cifras** (fechas, horas, precios, puntos) en Sora o JetBrains Mono, nunca en la fuente del cuerpo.
- **Sin las fuentes:** una sans-serif de sistema en negrita. Nunca una serif, una manuscrita ni una fuente decorativa.
- **Para una IA de imagen:** no le pidas que escriba el texto del arte. Los modelos de imagen deforman las letras, las tildes y la «ñ». Genera la imagen sin texto y compón el texto después, en una capa aparte, con la fuente real.
## 5. Voz y tono
DinkGo es confiable, energético, cercano y preciso. Habla así:
- **De tú, nunca de usted.**
- **Frases cortas y verbos de acción:** juega, inscríbete, reserva, consulta.
- **Español primero.** Sin anglicismos de relleno.
- **Celebra sin exagerar:** sin signos de exclamación en cadena, sin mayúsculas sostenidas, sin superlativos.
- **En lo operativo (horarios, canchas, reglas, resultados):** precisión absoluta y cero adornos.
Ejemplos:
| Sí | No |
|---|---|
| «Inscríbete en DinkGo.» | «¡¡¡Descubre la revolucionaria plataforma que lo cambia TODO!!!» |
| «Juega el [DÍA] en [SEDE].» | «Le invitamos cordialmente a participar en nuestro evento.» |
| «Cierre de inscripciones: [FECHA].» | «¡Date prisa, los cupos vuelan!» (no sabes cuántos cupos hay) |
| «Del grupo de amigos al torneo nacional.» | Un lema nuevo inventado para la ocasión |
Lemas oficiales, tal cual, sin traducir ni modificar:
- Principal: «Juega. Conecta. Compite.»
- Secundario: «Del grupo de amigos al torneo nacional.»
No inventes lemas, no cambies el orden de los verbos y no añadas un cuarto verbo.
## 6. Composición y formatos
Tamaños de referencia (en píxeles, ancho × alto):
| Pieza | Tamaño |
|---|---|
| Post vertical en redes | 1080 × 1350 |
| Historia o reel | 1080 × 1920 |
| Post cuadrado | 1080 × 1080 |
| Afiche impreso | Vertical, A3 (297 × 420 mm) o A2 (420 × 594 mm), a 300 ppp y con 3 mm de sangrado |
Composición:
- **Un logotipo por pieza, una sola vez.** Nunca en repetición, en patrón ni como textura.
- **Posición recomendada:** al pie del arte, a la izquierda o centrado, con su zona de protección libre. Recomendación, no regla: en un post de 1080 px de ancho, entre 220 y 360 px de ancho de logotipo.
- **En historias,** deja libres unos 250 px arriba y abajo: la interfaz de la red los tapa. Ni el logotipo ni el texto importante van ahí.
- **Jerarquía de arriba abajo:** 1) el titular (qué evento), 2) los datos que ordenan la decisión (fecha, hora, sede, categorías), 3) la llamada a la acción, 4) el logotipo. Un solo mensaje por pieza.
- **La llamada a la acción es una sola:** por ejemplo «Inscríbete en DinkGo» con el enlace o el código QR del evento que da quien organiza. Nunca inventes el enlace.
- **Fotos:** reales y de pickleball (jugadores, canchas, torneos), con permiso de quienes aparecen. Con texto encima, siempre con el velo oscuro de la sección 3.
- **Imágenes generadas por IA:** no las presentes como fotos reales de un evento, de un club ni de personas reales. Nunca las uses para mostrar resultados, ganadores o «jugadores del torneo».
- **Lo propio del pickleball (la bola, la cancha) solo si ordena o mide algo,** por ejemplo la cancha para organizar horarios o cifras. Nunca de decorado, nunca como relleno de un encabezado. Prueba: si el elemento no mide ni ordena nada, quítalo.
- **Respira:** mucho espacio libre, pocos elementos. Una pieza DinkGo nunca va recargada.
## 7. Lo que NO se hace
- **No uses el lockup retirado.** Hasta el 9 de noviembre de 2026 existió un logo con el isotipo (un cuadrado navy de esquinas redondeadas con una bola lima y dos arcos de movimiento a su izquierda) pegado al texto «DinkGo» o «DinkGo.app», al lado o debajo. Se retiró. Si lo ves en un archivo, en una captura o en tu memoria, no lo copies ni lo recrees: usa solo el logotipo «DinkG●» de la sección 2.
- **No uses una imagen de logo que no venga de la sección 2:** ni un pantallazo, ni un logo recortado de una captura de la app, ni una versión «parecida» que generaste.
- **No alteres los logos de terceros.** DUPR, ACP, Wompi, Bold y Bre-B tienen reglas propias:
- **DUPR:** solo el archivo oficial de DUPR, sin alterar proporciones, sin contorno y sin recolorear; nunca teñido de lima. La versión blanca va sobre fondo oscuro. DinkGo no distribuye ese logo en este kit. Si el torneo reporta resultados a DUPR y no tienes el archivo oficial, escribe en texto «Torneo con resultados a DUPR» y no dibujes nada.
- **ACP (Asociación Colombiana de Pickleball):** su escudo es de la ACP. No lo redibujes ni lo recrees; solo el archivo oficial que entregue la ACP, sin alterarlo. Si no lo tienes, escribe el nombre en texto.
- **Wompi, Bold y Bre-B:** sus logos se muestran solo en el paso de pago dentro de DinkGo. **No los pongas en afiches, redes, correos de mercadeo ni páginas de difusión.** De Bre-B, en cualquier caso, solo texto («llave Bre-B»), nunca logo ni sello.
- **Nunca** escribas «aliado», «partner» ni «oficial» junto al nombre de DUPR, Wompi, Bold, Bre-B ni de otra marca, ni «Paga con Bre-B».
- **No sugieras que DinkGo organiza, patrocina o avala** el evento o la marca de quien pide la pieza. Para una alianza de verdad, escribir a admin@dlsoft.dev.
- **No inventes datos:** fechas, horas, precios, premios, rankings, puntos, sedes, cupos, categorías, enlaces ni nombres de jugadores. Si falta uno, deja un hueco marcado, por ejemplo «[FECHA]», y avisa qué falta.
- **No prometas lo que DinkGo no ha prometido:** nada de «ranking oficial», «puntos garantizados» ni «premios asegurados» si quien organiza no lo ha confirmado.
## 8. Para agentes de código
Si produces HTML, CSS, React, correo o cualquier interfaz:
- **Variables del sistema.** En el proyecto de DinkGo ya existen; fuera de él, decláralas tal cual:
```css
:root {
--dg-navy-900: #082033;
--dg-lime-500: #C8FF2E;
--dg-blue-500: #2698EA;
--dg-sand-50: #F7F6EF;
--dg-court-500: #0E8C8C;
--dg-font-display: 'Sora', system-ui, sans-serif;
--dg-font-body: 'DM Sans', system-ui, sans-serif;
--dg-font-mono: 'JetBrains Mono', ui-monospace, monospace;
}
```
- **No escribas hex sueltos** en componentes: usa `var(--dg-…)`. **No inventes colores fuera de la paleta** de la sección 3.
- **El logo es una imagen, no texto ni un componente propio:**
```html
```
Alt «DinkGo». Sin `width` fijo que rompa la proporción: ancho = alto × 4,703, o deja que el alto mande. Nunca lo pintes con `fill` o `color` propio, nunca lo inlines para recolorearlo, nunca lo reescribas con `` ni con una fuente web.
- **Mínimo 96 px de ancho** (alto de 21 px o más) y la zona de protección como `padding` del contenedor, no como margen interno del archivo: el SVG no trae márgenes.
- **Contraste AA:** 4,5:1 para texto normal y 3:1 para texto grande y para los bordes de controles. Usa la tabla de contrastes de la sección 3; no confíes en el ojo.
- **Botón primario sobre oscuro:** fondo `var(--dg-lime-500)`, texto `var(--dg-navy-900)`, peso 700. Sobre claro, fondo navy y texto sand.
- **Foco visible:** anillo de 2 px en lima con 2 px de separación sobre oscuro.
- **Fuentes:** carga Sora, DM Sans y JetBrains Mono desde Google Fonts con `font-display: swap`. Titulares en Sora 800 con espaciado negativo.
- **Accesibilidad:** las fotos llevan `alt` que describe la escena; las decorativas, `alt=""`. La información no se transmite solo por color.
- **Si no puedes descargar los archivos del logo,** deja un contenedor con `aria-label="DinkGo"` y el texto «[LOGO DINKGO]», y avisa. No lo sustituyas por texto estilizado.
## 9. Datos que debes pedir si faltan
Antes de producir, confirma con quien organiza lo que no puedes saber. Mínimo:
- Nombre del evento.
- Fecha y hora (con zona horaria si es en línea).
- Sede y ciudad.
- Categorías o modalidades.
- Precio de inscripción y cupos, si se publican.
- Premios, solo si el organizador los confirma.
- Enlace de inscripción de DinkGo, o el código QR, que da el organizador.
- Si hay logos de otras marcas (clubes, patrocinadores): que los entregue el organizador con permiso.
Lo que no tengas se queda como hueco marcado, entre corchetes y en mayúsculas.
## 10. Lista de verificación antes de entregar
- [ ] El logotipo es un archivo oficial de la sección 2, o un hueco marcado «[LOGO DINKGO]». No lo dibujé, no lo reescribí con una fuente y no lo generé con IA.
- [ ] La versión del logo corresponde al fondo: oscuro, claro o blanco.
- [ ] El logotipo y el isotipo no aparecen juntos, ni la bola con ondas junto al texto «DinkGo».
- [ ] No estiré, roté ni recoloreé el logo; no tiene sombra, contorno, degradado ni efecto.
- [ ] El logotipo mide al menos 96 px de ancho (25 mm impreso) y tiene aire alrededor igual al diámetro de su bola.
- [ ] Si el logotipo va sobre una foto, hay un velo oscuro debajo.
- [ ] Todos los colores son de la paleta de la sección 3; sand no es blanco y navy no es negro.
- [ ] El lima solo está sobre fondo oscuro y el texto sobre lima es navy.
- [ ] Hay un solo elemento lima protagonista, un solo titular grande y una sola llamada a la acción.
- [ ] Los textos están en Sora, DM Sans o JetBrains Mono, y el texto del arte no lo generó una IA de imagen.
- [ ] Hablo de tú, con frases cortas; el lema, si aparece, es tal cual: «Juega. Conecta. Compite.»
- [ ] El nombre en texto corrido es «DinkGo».
- [ ] No inventé fechas, precios, premios, rankings, sedes ni enlaces: lo que faltaba quedó como hueco marcado y lo avisé.
- [ ] No hay logos de DUPR, ACP, Wompi, Bold ni Bre-B alterados o dibujados por mí; Wompi, Bold y Bre-B no están en la pieza.
- [ ] Nada sugiere que DinkGo organiza, patrocina o avala el evento.
- [ ] Las fotos son reales, o no se presentan como reales; las generadas por IA no muestran resultados ni personas reales.
- [ ] La bola o la cancha, si aparecen, miden u ordenan algo.
- [ ] El texto cumple el contraste AA (sección 3).
## 11. Prompt corto
Para pegar en un chat cuando no puedas adjuntar este archivo. Es autocontenido.
Vas a crear una pieza para un evento de pickleball publicado en DinkGo. Sigue la marca DinkGo (guía completa: https://dinkgo.app/marca/dinkgo-marca-para-ia.md).
- Logo: usa SOLO los archivos oficiales de https://dinkgo.app/marca. Nunca lo redibujes, reescribas con una fuente ni generes con IA; si no puedes adjuntarlo, deja el hueco «[LOGO DINKGO]». El logotipo es «DinkG●» (la bola es la «o») y nunca va junto al isotipo. Fondo oscuro: dinkgo-logo-oscuro; claro: dinkgo-logo; una tinta: dinkgo-logo-blanco. Sin estirar, rotar, recolorear, sombra ni contorno. Aire = diámetro de la bola; mínimo 96 px.
- Colores, solo estos: Smash Navy #082033, Dink Lime #C8FF2E, Rally Blue #2698EA, Sand #F7F6EF, Court Teal #0E8C8C. El lima solo sobre fondo oscuro; sobre lima, texto navy, nunca blanco. Sand no es blanco y navy no es negro.
- Fuentes: Sora (titulares), DM Sans (texto), JetBrains Mono (datos). No generes el texto con IA de imagen.
- Voz: de tú, frases cortas. Lema: «Juega. Conecta. Compite.»
- No sugieras que DinkGo organiza o avala el evento. No inventes fechas, precios, premios ni sedes: deja huecos «[FECHA]».