Arden Colectivo A.C. · Brandkit v2.3
La marca de Arden, lista para usarse
Logos, colores, tipografía, plantillas de redes, swag y tokens de Arden y sus cuatro unidades. Hecho para proveedores, equipo, desarrolladores y agentes de IA.
Empieza aquí
¿Qué necesitas hacer?
Elige tu caso. Todo lo que está en esta página se puede descargar y usar tal cual.
Imprimir o producir
Imprenta, textiles, señalética, merch.
Diseñar una pieza
Agencias, diseñadores, equipo.
- Logos de Arden y de cada unidad
- Plantillas de redes y deck
- Cómo escribir
Construir una app o sitio
Desarrolladores y no-code.
Darle la marca a un agente de IA
ChatGPT, Claude, Lovart, Canva AI.
Descargas
Todo en un clic
Cada paquete trae logos en SVG y PNG, colores, plantillas, swag y los archivos de reglas.
Kit completo
Arden y sus cuatro unidades
Logos, plantillas, swag, aplicaciones, íconos, fuentes web, tokens y reglas.
Arquitectura de marca
Una marca madre, cuatro unidades
Arden respalda a sus unidades. Cada unidad habla con su nombre ante su público y siempre se nota que es de Arden.
Colectivo A.C.VISIÓNFormar creadores digitales con estándares globales, acceso equitativo e impacto social medible.
To train digital creators under global standards, with equitable access and measurable social impact.
MISIÓNConstruir un ecosistema sostenible de educación, comunidad y crecimiento profesional que conecte al talento con la industria.
To build a sustainable ecosystem of education, community engagement, and professional growth that connects talent with industry.
MARCA MADRE
Brandkit de Arden
Asociación civil de Guadalajara, con sede en Ciudad Creativa Digital, que forma talento para la industria de videojuegos y el sector creativo en México y Latinoamérica. Respalda a sus tres unidades: U-Echo Training Center, Logrus con Brandcade, y Echo GameDev Club.
Logos
Elige la versión por el fondo. SVG para todo lo que se pueda; PNG solo si la herramienta no acepta vector.
Colores
Toca un color para copiar su HEX.
Reglas
Sí
- Usa los SVG oficiales tal cual. Elige la versión por el fondo.
- Deja libre alrededor del logo al menos la altura de la A del wordmark.
- Que la noche domine: 60% noche, 30% claro o foto, 10% verde.
- Glifo de 24 px o más en pantalla (8 mm impreso). Apilado de 64 px o más.
No
- Estirar, comprimir o rotar el logo.
- Cambiar el verde o poner el glifo en un color fuera de la tabla.
- Agregar contornos, sombras, brillos o degradados.
- Reescribir ARDEN con una fuente o cambiar su espaciado.
- Mover el glifo a la derecha en el horizontal.
- Poner el glifo verde sobre fotos con mucho detalle o sobre verde.
- Texto verde sobre fondo claro (da 2:1) o blanco sobre verde.
Plantillas de redes
Más formatos (portadas de LinkedIn, X, YouTube, Facebook y deck) en Plantillas.
Swag
Arden · logo a fondo
Espacio, tamaño y lo que nunca se hace
Espacio libre
Alrededor del logo, como mínimo la altura de una letra del wordmark (la A). En el glifo solo, 25% de su ancho. Ahí no entra nada: ni texto, ni bordes, ni otros logos.
Tamaño mínimo
- Glifo: 24 px en pantalla u 8 mm impreso.
- Apilado: 64 px o 20 mm de ancho.
- Horizontal: 120 px o 35 mm de ancho.
Debajo de eso se usa el glifo solo.
Color del logo según el fondo
- Noche u oscuro: glifo verde + wordmark blanco.
- Blanco o claro: glifo verde + wordmark carbón, glifo de 48 px o más.
- Fotos, violeta o mucho detalle: todo blanco.
- Una tinta: todo negro.
Lo que nunca se hace
ArdenProporción de color
El verde nunca es el fondo de una pieza completa: señala lo importante.
Imagen y textura
Cielo de nocheNoche #120C33, estrellas finas (starfield.svg), resplandor violeta abajo a la izquierda e índigo arriba a la derecha. Glifo gigante en contorno al 16%, uno por pieza.Movimiento
Un solo momento de marca: el glifo se dibuja (1.5 s de trazo y relleno). En video, ese dibujo es la entrada y el cierre (2 s). Fundidos cortos para lo demás. Respeta el movimiento reducido.
Fotografía
- Gente real haciendo cosas reales: laboratorio, clases, pantallas con Unreal, eventos, la sede en Ciudad Creativa Digital.
- Luz del lugar, sin filtros fuertes. Sobre noche, velo noche al 40% para que lea el texto.
- Nunca fotos de stock ni imágenes generadas que simulen alumnos o instalaciones.
- Caras de alumnos solo con permiso por escrito; menores, con permiso del tutor.
El banco de fotos se comparte aparte, cuando cada foto tenga su permiso.
Íconos
De línea, trazo de 2 px, puntas redondas, 16 a 24 px, en el color del texto (estilo Lucide). Estados fijos: palomita (listo), admiración (atención), reloj (pendiente). Sin emoji en interfaces, reportes ni decks formales.
Contraste verificado
| Par | Combinación | Contraste | Uso |
|---|---|---|---|
| Aa | Blanco noche sobre noche | 16.7:1 | ✓ Texto de cualquier tamaño |
| Aa | Verde sobre noche | 8.8:1 | ✓ Texto y trazos |
| Aa | Noche sobre verde | 8.8:1 | ✓ Texto de botones verdes |
| Aa | Amarillo UETC sobre noche | 12.4:1 | ✓ Texto y trazos |
| Aa | Carbón sobre blanco | 12.6:1 | ✓ Logo y texto |
| Aa | Verde sobre blanco | 2:1 | ✕ Solo glifo grande. Nunca texto |
| Aa | Blanco sobre verde | 2:1 | ✕ Nunca |
FORMACIÓN Y CERTIFICACIÓN
Brandkit de U-Echo Training Center
Centro autorizado de Unreal Engine en Ciudad Creativa Digital. Forma y certifica en Unreal Engine, captura de movimiento y realidad virtual y aumentada.
Logos
Elige la versión por el fondo. SVG para todo lo que se pueda; PNG solo si la herramienta no acepta vector.
Colores
Toca un color para copiar su HEX.
Reglas
Sí
- Logo de puntos como principal. El clásico de bloque lima solo en piezas editoriales o históricas.
- En piezas UETC el amarillo sustituye al verde como acento.
- Si aparece el glifo de Arden, conserva su verde.
- Escribe "U-Echo Training Center" completo la primera vez; luego UETC.
No
- Mezclar el logo de puntos y el clásico en la misma pieza.
- Recolorear los puntos fuera del amarillo, blanco o negro.
- Usar la insignia de Epic sin el archivo oficial y sus reglas. Se pide a Arden y va junto al logo UETC, nunca encima del de Arden.
- Decir "UE5" en textos para público general: es "Unreal Engine".
Plantillas de redes
Más formatos (portadas de LinkedIn, X, YouTube, Facebook y deck) en Plantillas.
Swag
ESTUDIO DE PRODUCCIÓN Y FORMACIÓN PRÁCTICA
Brandkit de Logrus
El estudio AI first por proyectos de Arden. Aquí el talento trabaja en proyectos reales: juegos para clientes, juegos propios (Echo Originals) y Brandcade, su producto de juegos como servicio para marcas.
Logos
Elige la versión por el fondo. SVG para todo lo que se pueda; PNG solo si la herramienta no acepta vector.
Colores
Toca un color para copiar su HEX.
Reglas
Sí
- Usa el logo en rojo #FF003D o en blanco. Nada más.
- En piezas Logrus el rojo sustituye al verde como acento.
- Escribe Logrus sin artículo: "trabajamos en Logrus".
- Di "Training Studio", "programa" o "estudio".
No
- Recolorear el logo fuera del rojo y el blanco.
- Pegarle el glifo de Arden al logo de Logrus.
- Usar la propuesta tipográfica de octubre: quedó retirada.
- Llamarle "maquila" al trabajo del estudio.
Plantillas de redes
Más formatos (portadas de LinkedIn, X, YouTube, Facebook y deck) en Plantillas.
Swag
JUEGOS COMO SERVICIO PARA MARCAS EN ROBLOX
Brandkit de Brandcade
Producto de Logrus: juegos como servicio para marcas en Roblox. Su comprador es una marca, no un estudiante: primero el proyecto y el resultado, después la institución.
Logos
Elige la versión por el fondo. SVG para todo lo que se pueda; PNG solo si la herramienta no acepta vector.
Colores
Toca un color para copiar su HEX.
Reglas
Sí
- Degradado morado → azul → cian, siempre en ese orden y solo en el logo y piezas Brandcade.
- Habla de proyecto y resultado para la marca.
- Muestra mundos, personajes o assets del juego; si es concepto, dilo.
No
- Abrir con "asociación civil" frente a marcas.
- Presentar réplicas de fans como clientes.
- Usar datos de Roblox por país (Roblox no los publica).
- Categorías prohibidas por Roblox, como alcohol.
Plantillas de redes
Más formatos (portadas de LinkedIn, X, YouTube, Facebook y deck) en Plantillas.
Swag
COMUNIDAD
Brandkit de Echo GameDev Club
La comunidad de Arden: la puerta de entrada gratuita para quien quiere hacer videojuegos. De aquí la gente pasa a formarse en UETC y a producir en Logrus.
Logos
Elige la versión por el fondo. SVG para todo lo que se pueda; PNG solo si la herramienta no acepta vector.
Colores
Toca un color para copiar su HEX.
Reglas
Sí
- Mismo ritmo del logo UETC: ECHO en ExtraBold y GAMEDEV CLUB en Medium espaciado.
- Tono cercano y motivador, sin exagerar.
No
- Inventar otros logos provisionales.
- Separar el glifo del texto o cambiar su verde.
- Usar a la comunidad como vitrina o mano de obra barata.
Plantillas de redes
Más formatos (portadas de LinkedIn, X, YouTube, Facebook y deck) en Plantillas.
Swag
Movimiento
Logos animados
Dos estilos por marca. Trazo es el momento de marca de Arden: el logo se dibuja y se rellena. La otra opción es una firma propia de cada unidad. Usa el SVG animado en web y apps (respeta el movimiento reducido), y el MP4 con fondo o el WebM transparente en video.
Arden
U-Echo Training Center
Logrus
Brandcade
Echo GameDev Club
Tipografía
Montserrat para títulos, Rubik para texto
Las dos son gratuitas en Google Fonts (licencia OFL) y están en Google Slides, Canva y Figma. Dos familias por pieza, nunca tres.
600 · 700 · 800
400 · 500 · 600
| Estilo | Familia | Tamaño | Peso | Uso |
|---|---|---|---|---|
hero | Montserrat | 64 px (38 en celular) | 800 | Título de portada o página |
gate-title | Montserrat | 42 px | 800 | Portadas de sección |
section | Montserrat | 28 px | 700 | Títulos de sección |
kpi-value | Montserrat | 38 px | 700 | Cifras grandes, números tabulares |
eyebrow | Montserrat | 12 px · 0.14em | 700 | ANTETÍTULO EN MAYÚSCULAS |
body | Rubik | 15 px · interlineado 1.55 | 400 | Texto corrido |
card-title | Rubik | 15 px | 600 | Títulos de panel |
small | Rubik | 13 px | 400 | Notas, etiquetas, fuentes |
Reglas
- Títulos en oración, no en mayúsculas.
- Mayúsculas espaciadas solo en el wordmark y el antetítulo.
- Interletrado de -0.02em en títulos grandes; el texto corrido nunca se espacia.
- Números tabulares en tablas y cifras.
- 60 a 65 caracteres por línea.
En impreso
- Títulos de 28 a 48 pt.
- Texto de 9.5 a 11 pt.
- Notas, 7.5 pt mínimo.
Sin las fuentes instaladas
Respaldo: Arial Black para títulos y Arial para texto. Instala las fuentes antes de entregar un archivo.
Voz y mensajes
Concreto antes que inspirador
Español mexicano, de tú, con frases cortas y verbos activos. Cada cifra lleva su fuente y su fecha.
Así sí
- Concreto. Clase abierta de Unreal, jueves 7 pm en CCD.
- Con prueba. Cada cifra con su fuente y su fecha.
- De tú. Español mexicano cercano, frases cortas, verbos activos.
- Estudio. "Training Studio", "programa", "estudio".
Nunca digas
Tono por audiencia
| Audiencia | Le importa | Así le hablamos | Prueba que mostramos |
|---|---|---|---|
| Empresas | Encontrar gente que sepa Unreal | Práctico, con resultados | Autorización de Epic, laboratorio con mocap, Logrus |
| Gobierno e instituciones | Impacto medible | Formal y con evidencia | Figura de A.C., métricas con fuente, aliados con acuerdo |
| Marcas (Brandcade) | Llegar a una audiencia joven | Ágil, visual, por proyecto | Casos reales, audiencia verificada |
| Estudiantes y comunidad | Una primera oportunidad | Cercano y motivador sin exagerar | Clases abiertas, egresados trabajando, el club |
| Patrocinadores | Que el dinero rinda | Directo, en inglés, español y rumano | Números con fuente y fecha |
Boilerplate
Úsalo tal cual. Sin cifras: las cifras cambian y viven en cada pieza con su fuente. No se traduce: Arden, U-Echo Training Center, Logrus, Brandcade, Echo GameDev Club, Echo Originals.
Arden Colectivo A.C. es una asociación civil de Guadalajara que forma talento para la industria de videojuegos y el sector creativo en México y Latinoamérica.
Arden Colectivo A.C. es una asociación civil de Guadalajara que forma talento para la industria de videojuegos y el sector creativo en México y Latinoamérica. Desde Ciudad Creativa Digital opera U-Echo Training Center, centro autorizado de Unreal Engine; Logrus, su estudio de formación práctica y producción, dueño de Brandcade; y Echo GameDev Club, su comunidad.
Arden Colectivo A.C. is a non-profit based in Guadalajara that develops talent for the video game industry and the creative sector in Mexico and Latin America. From Ciudad Creativa Digital it runs U-Echo Training Center, an Unreal Engine Authorized Training Center; Logrus, its hands-on training and production studio and the home of Brandcade; and Echo GameDev Club, its community.
Arden Colectivo A.C. este o organizație non-profit din Guadalajara care formează talente pentru industria jocurilor video și pentru sectorul creativ din Mexic și America Latină. Din Ciudad Creativa Digital coordonează U-Echo Training Center, centru autorizat Unreal Engine; Logrus, studioul său de formare practică și producție, care deține Brandcade; și Echo GameDev Club, comunitatea sa.
Glosario
| Arden / Arden Colectivo A.C. | La marca madre. |
| U-Echo Training Center (UETC) | Nombre completo la primera vez, luego UETC. |
| Logrus | El estudio. Sin artículo: "trabajamos en Logrus". |
| Brandcade | Producto de Logrus. Una palabra, B mayúscula. |
| Echo GameDev Club (EGDC) | La comunidad. |
| Echo Originals | Los juegos propios. |
| Echo Engine | El sistema de producción con IA. |
| Unreal Engine | Completo la primera vez; "Unreal" después. Nunca "UE5" para público general. |
Plantillas
Redes, portadas y deck
SVG editable (Figma, Illustrator, Inkscape, Canva lo importa) y PNG listo. Zona segura: 80 px por lado en posts; 250 px arriba y abajo en historias. Un mensaje por pieza en Montserrat 800, logo en la misma esquina por serie.
Arden
U-Echo Training Center
Logrus
Brandcade
Echo GameDev Club
Aplicaciones
Piezas de todos los días
- Frente noche con el glifo verde grande.
- Reverso blanco: logo horizontal a color, nombre, cargo y contacto.
- Dos caras, papel mate de 350 g o más.
- Blanco con banda noche a la izquierda.
- Nombre en Montserrat 800, curso, horas, fecha y firmas.
- Folio único. La insignia de Epic solo en cursos que la ameriten.
- Noche con estrellas, logo apilado en el tercio superior.
- Mensaje grande al centro.
- Franja de aliados abajo, a 80 cm o más del piso, solo con acuerdo vigente.
- Nombre en Montserrat 700 y cargo en Rubik sobre barra noche al 85%.
- Entrada y cierre: el glifo se dibuja sobre noche en 2 s.
- Subtítulos en Rubik 500 blanco con sombra suave.
- Portada en noche: antetítulo verde, título en blanco, logo horizontal arriba.
- Contenido en fondo claro: máximo 6 líneas o un dato grande con su fuente.
- Márgenes de 64 px sobre 1920 × 1080. Cierre con logo apilado.
Portadas de deck por unidad en Plantillas. Arden comparte la plantilla completa de 12 layouts a quien la necesite.
- Banda superior noche con logo horizontal, título y una línea de contexto.
- Cuerpo claro a dos columnas: qué es, qué ofrecemos, cifras con fuente.
- Pie con boilerplate corto, web y contacto. Márgenes de 18 mm, Rubik de 9.5 a 10.5 pt.
Avatares para redes
1080 × 1080, seguros para recorte circular.
Firma de correo
Llena tus datos, copia y pega en Gmail u Outlook. Nombre en Rubik 600, cargo y unidad, contacto y un solo logo de 140 px. Sin frases ni banners.
Swag
Mercancía con su especificación
Maquetas para cotizar y aprobar con el proveedor. Cada una dice técnica, tinta y tamaño del logo. Pide prueba física antes de producir en volumen.
Arden
U-Echo Training Center
Logrus
Brandcade
Echo GameDev Club
Proveedores y producción
Para imprenta, textiles y señalética
| Tema | Especificación |
|---|---|
| Archivos de logo | SVG de este sitio (o PDF vectorial exportado de ellos). Nunca redibujar, vectorizar de un PNG ni reescribir con una fuente. |
| Color en impreso | CMYK con prueba de color. Pantone sugeridos: verde Arden 376 C, carbón 426 C, violeta 268 C, amarillo UETC 116 C, Brandcade 526 C / 301 C / 297 C. La noche y los colores de Logrus se fijan con prueba de imprenta. |
| Archivo final | PDF/X-1a o PDF/X-4, 3 mm de rebase, marcas de corte, fuentes convertidas a curvas, imágenes a 300 dpi. |
| Serigrafía | Tintas Pantone. Máximo 2 tintas por logo (verde 376 C + blanco sobre prenda noche). |
| Bordado | Glifo de 5 cm o más. Wordmark solo si mide 8 cm o más de ancho; si no, glifo solo. Hilo verde lo más cercano a 376 C. |
| Degradado Brandcade | DTF, sublimación o impresión digital. No se simula con tintas planas. |
| Grabado láser y una tinta | Versiones negras o blancas del logo. Nunca un tono intermedio. |
| Color de prenda | Noche o negro (principal), blanco, hueso (Logrus) o manta natural. Evita prendas verdes: el glifo verde se pierde. |
| Señalética y lonas | Lona mate. Información importante a 80 cm o más del piso. Texto mínimo legible a 3 m: 4 cm de alto. |
| Aprobación | Prueba digital y prueba física a Arden antes de producir en volumen. Piezas con aliados, cifras o personas, siempre con aprobación. |
Antes de entregar o publicar
- Logo desde los SVG oficiales, con espacio libre y sobre un fondo permitido.
- Colores y fuentes salen de los tokens.
- Nunca blanco sobre verde ni texto verde sobre fondo claro.
- Cada cifra con fuente y fecha.
- Español mexicano sin muletillas; trilingüe si la pieza va para patrocinadores.
- Permisos de fotos y de logos de aliados.
- Se ve bien en celular y en impreso.
No están en este sitio: fotos de personas (permisos por foto en proceso) y logos de aliados, incluida la insignia de Epic Games. Se piden directamente a Arden y solo se usan con acuerdo vigente.
Apps, sitios y desarrolladores
Tokens listos para código
Paleta de interfaz con versión clara y oscura, fuentes self-hosted y configuración de Tailwind. Los estados siempre van con palabra e ícono, nunca solo con color.
<link rel="stylesheet" href="https://brandkit.uetc.mx/tokens.css">
<html data-theme="light"> <!-- o "dark" -->
.hero { background: var(--night); color: var(--night-ink); font-family: var(--font-display); }
.btn { background: var(--btn); color: var(--btn-ink); font-family: var(--font-body); }
.texto { color: var(--ink); max-width: var(--measure); }<link rel="icon" href="https://brandkit.uetc.mx/favicon.svg" type="image/svg+xml">
<link rel="icon" href="https://brandkit.uetc.mx/iconos/arden-icon-32.png" sizes="32x32">
<link rel="apple-touch-icon" href="https://brandkit.uetc.mx/apple-touch-icon.png">
<meta name="theme-color" content="#120C33">
Componentes de ejemplo
Paleta de interfaz
| Token | Claro | Oscuro |
|---|---|---|
--bg | #F6F5FA | #0F0A2B |
--surface | #FFFFFF | #1A1440 |
--ink | #17122E | #F0EEF9 |
--ink-2 | #4B4566 | #C0BADC |
--muted | #77728E | #8F89B0 |
--line | #E2DFEC | #2F2862 |
--link | #2D2275 | #B9DE79 |
--btn | #17122E | #93C11F |
--btn-ink | #FFFFFF | #120C33 |
--good | #3B7414 | #A9D466 |
--good-bg | #EAF3DC | #24331C |
--attn | #B4432C | #F2907A |
--attn-bg | #F8E7E2 | #3A1F2A |
--pending | #5D5880 | #ABA5CC |
--pending-bg | #ECEAF4 | #262054 |
Agentes de IA
Dale la marca a cualquier agente
Este sitio está hecho para que un agente lo lea solo. Pásale el enlace o pega este prompt.
Vas a producir una pieza de marca para Arden (o una de sus unidades: U-Echo Training Center, Logrus, Brandcade o Echo GameDev Club).
Antes de empezar, lee https://brandkit.uetc.mx/AGENTS.md y https://brandkit.uetc.mx/brand.json.
Usa solo los logos de https://brandkit.uetc.mx/logos/ y los tokens de https://brandkit.uetc.mx/tokens.json.
No inventes colores, lemas, cifras ni logos. Si algo no está cubierto, pregunta.Gobernanza y versiones
Quién decide y qué falta
Estados de cada recurso
- Oficial: sale de un archivo maestro o está aprobado.
- Trazado: vectorizado de la mejor fuente; se reemplaza cuando aparezca el maestro.
- Propuesta: definido aquí, pendiente de validar.
Aprobación
Jorge Suárez, General Manager de Arden, aprueba los cambios de dirección de marca y toda pieza externa que nombre aliados, cifras de impacto o personas.
Pendientes
- Validar los Pantone con la guía física y una prueba de imprenta, sobre todo la noche y los colores de Logrus.
- Comparar el logo UETC reconstruido con el archivo del diseñador original, si alguien lo conserva.
- Confirmar permisos de fotos con personas antes de sumar un banco de fotos público.
Historial
| Versión | Fecha | Cambio |
|---|---|---|
| 2.3 | 2026-10-18 | Se aprueba el logotipo de Echo GameDev Club. Brandkit público en brandkit.uetc.mx. |
| 2.2 | 2026-10-15 | Logrus pasa a su logo oficial rojo #FF003D con su paleta. EGDC sigue como propuesta. |
| 2.1 | 2026-10-12 | Logo UETC de puntos en vector, Brandcade en vector, Pantone, plantilla de deck. |
| 2.0 | 2026-10-11 | Logos desde los masters de Illustrator; verde #93C11F y carbón #333333; Montserrat + Rubik. |
| 1.0 | 2026-10-10 | Primera versión. |