Manual de Marca
& Design System.
Beat es la app de ticketing pensada para el ritmo del fin de semana. Cientos de eventos cada noche, entradas con QR dinámico y transferible, y una experiencia que late con el público joven. Una marca directa, nocturna y eléctrica: negro como base, amarillo neón como pulso.
Identidad, Promesa & Tono de Voz
"Tu entrada, tu beat."
Todos los eventos del fin de semana en una sola app. QR dinámico, transferencias instantáneas, cero papel y cero filas. Vamos al ritmo del público de hoy.
El nombre es siempre beat.
La marca se escribe siempre en minúsculas y finaliza obligatoriamente con un punto (.). Se prohíbe el uso de mayúsculas (evitar "BEAT" o "Beat"). El isotipo sigue la misma regla: b.
Tono de Voz: Cómo Hablamos
Hablamos como el público que sale el viernes a la noche. Frases cortas, directas, con energía nocturna y en jerga local argentina. Cero formalismos vacíos.
Evitar el tono institucional tradicional, el tuteo forzado o términos burocráticos. Nada de "estimado usuario" ni promesas vagas de servicio al cliente.
Ecosistema y Nomenclatura Oficial
Descubrimiento de eventos nocturnos, compra de entradas con checkout en 1 toque y billetera digital con QR dinámico transferible.
Panel de control para venues: analíticas en tiempo real, gestión de aforos, listas de RRPP, barras de bebidas y cajas.
Aplicación móvil de alta velocidad para personal de seguridad y puerta. Lectura óptica de QR con resiliencia offline.
Control global de la infraestructura, liquidaciones automáticas, comisiones y auditoría de seguridad del sistema.
Logotipo e Isotipo Oficial
El identificador principal de beat. se compone de la marca denominativa en tipografía Space Grotesk en caja baja con el punto neón. El isotipo actúa como sello compacto para favicons, app icons y avatares.
Isotipo Oficial: "b."
Marca reducida para íconos de aplicación, favicons de navegador y avatares de perfil.
Debe conservarse un margen libre de al menos el 50% de la altura de la "b" alrededor del isotipo para garantizar legibilidad en pantallas compactas.
El punto final es indivisible del cuerpo de la letra y mantiene siempre el color Dark Olive (#596400) sobre fondo Neon Pulse.
Paleta Principal (Electric Nightlife)
El sistema cromático está pensado para el entorno de alto contraste de la vida nocturna. Elimina sombras difusas en favor de bloques sólidos y capas tonales nítidas.
Beat Black
Canvas Primario NocturnoRGB 10 • 10 • 10
CMYK 0 • 0 • 0 • 96
Neon Pulse
Acento Eléctrico & PulsoRGB 232 • 255 • 58
CMYK 10 • 0 • 77 • 0
Pure White
Texto Principal & CTAsRGB 255 • 255 • 255
CMYK 0 • 0 • 0 • 0
Surface Gray
Contenedores SecundariosRGB 26 • 26 • 26
CMYK 0 • 0 • 0 • 90
Texto Dark Olive (#596400) obligatorio sobre Neón
Siempre que se utilice un fondo sólido Neon Pulse (#E8FF3A), el texto superior DEBE ser obligatoriamente Dark Olive (#596400) (clase text-on-neon). Queda terminantemente prohibido usar texto blanco sobre fondo amarillo neón por falta de contraste WCAG.
Elevación Tonal (Tonal Layering)
En beat. la profundidad no se logra con sombras verdes ni resplandores exteriores (*outer glows*), sino a través de la superposición de capas grises oscuras con bordes de 1px a 10% de opacidad blanca (border-white/10).
Fondo de pantalla raíz
Tarjetas y secciones
Contenedores de eventos
Inputs y botones secundarios
Modales y elementos hover
Tipografía: Space Grotesk & Inter
La identidad tipográfica combina la fuerza geométrica y nocturna de Space Grotesk para display e impacto, con la neutralidad y legibilidad óptima de Inter para cuerpos de texto e interfaz.
Space Grotesk • Display & Titulares
DISPLAY • HEADLINES • NUMBERSTU ENTRADA, TU BEAT • VIERNES 23:00 HS
Uso recomendado: Títulos hero, cabeceras de página y cifras de ventaTU ENTRADA, TU BEAT • VIERNES 23:00 HS
Uso recomendado: Títulos de secciones (ej: Próximos Eventos, Métricas)TU ENTRADA, TU BEAT • VIERNES 23:00 HS
Uso recomendado: Nombres de eventos en tarjetas y títulos de modalesTU ENTRADA, TU BEAT • VIERNES 23:00 HS
Uso recomendado: Badges de estado, botones, fechas en tarjetas y chipsInter • Texto & Lectura de UI
TEXTO • FORMULARIOS • LEGALLa app de ticketing pensada para el ritmo del fin de semana. Cientos de eventos cada noche y cero filas.
Uso recomendado: Párrafos introductorios y copys de cabeceraEntradas 100% digitales con QR rotativo antifraude. Mostrás tu celular en el ingreso, el staff escanea y pasás directo.
Uso recomendado: Cuerpos de texto generales, términos legales y descripcionesEl derecho de admisión y permanencia corresponde exclusivamente al venue.
Uso recomendado: Etiquetas de formulario, placeholders y metadatos secundariosArquitectura de Formas ("Box Inside Box")
La personalidad visual de beat. se basa en la combinación estructurada de dos geometrías:
rounded-2xl (16px)Curvatura Suave para Tarjetas & Modales
Todos los bloques principales, tarjetas de eventos, paneles de control y ventanas modales utilizan esquinas redondeadas de 16px para delimitar visualmente el contenido sobre el fondo oscuro.
rounded-none (0px)Bordes Rectangulares y Afilados
Todos los componentes interactivos internos (botones, inputs de texto, barras de búsqueda, badges y tabs activas) utilizan bordes rectangulares estrictos de 0px para transmitir solidez y actitud nocturna.
Club Beat • Viernes
Palermo, Buenos Aires
Jerarquía de Botones
Cada variante de botón cumple un rol específico en el flujo de ticketing y administración. Todos comparten la tipografía Space Grotesk Bold, mayúsculas y esquinas rounded-none.
Fondo blanco puro, texto negro. Usado para el llamado a la acción más importante de la pantalla.
Fondo Surface Gray (#1A1A1A) con borde tenue. Usado para filtros y navegación secundaria.
Fondo Neon Pulse con texto Dark Olive (#596400). Usado con moderación para destacar ofertas.
Fondo transparente con borde blanco al 20%. Usado para acciones neutras o secundarias.
Fondo rojo. Usado estrictamente para eliminación de sesiones, reembolsos o anulaciones.
Sin fondo ni borde visible hasta el hover. Para links discretos y botones de cierre.
Badges & Chips de Estado
Etiquetas micro-informativas para comunicar estados dinámicos, disponibilidad y beneficios en tiempo real.