Sistema de marca completo de GeekBeam: color, tipografía, componentes, motion y voz. Referencia viva para replicar el look del sitio en la app.
Ver componentes Ver mockups
G + 3 forman unos anteojos: el geek. Blanco #FFFFFF sobre negro como tratamiento primario del logo (v2026.2). Versión única, sin degradados ni contornos.
No estirar ni deformar
No cambiar el color fuera de la paleta
No aplicar sombras ni efectos
No usar blanco sobre claros — contraste insuficiente
Paleta neutral premium (v2026.2): negro carga la interfaz, blanco es el acento. El color lo aportan Noko y Halfrock, no la UI. El violeta queda como legacy en revisión.
border-radius: 20px 0 20px 0 — TL/BR redondeadas, TR/BL rectas. Labels en mayúsculas. Press = scale 0.96.
Home feed, player vertical y wallet de tokens — el design system aplicado a las tres superficies core de la app.
✦New★Home — feed con chips de género y badges
La ciudad flotante cae. Kira tiene 3 minutos para salvarla.
Player vertical — overlay negro→transparente
Wallet — balance con sheen + paywall sheet
Home v2 — filas por categoría (estructura ref. Shorta): New Releases, Coming Soon, Most Popular, Dark Fantasy, Cyberpunk.
Búsqueda — input pill, chips de género, grid de resultados 3×n.
Todo el catálogo desbloqueado. Sin tokens, sin esperas.
Se renueva automáticamente. Cancelá cuando quieras.
Paywall VIP — jerarquía anual-primero, CTA blanco sólido, copy directo.
Curva estándar: cubic-bezier(.22,1,.36,1). Micro-interacciones 150–250ms, transiciones de pantalla 300–400ms, ambient loops 4–8s.
Ready to have your mind blown?
Corto, mayúsculas, punto final, highlight en la palabra emocional.Bienvenido a nuestra plataforma de contenido audiovisual de formato corto
Corporativo, largo, sin actitud. Nunca.Binge something from your bed.
Habla como fan, no como marca.Estimado usuario, su saldo de tokens es insuficiente
"Te faltan tokens. Recargá y seguí." — así sí.La cara de GeekBeam. Fan número uno del anime golden-age, guía a los usuarios por la app: presenta, recomienda, celebra y acompaña. Cel shading retro 90s, paleta rosa/teal/amarillo — contraste deliberado con la UI neutra en blanco y negro: el color de la marca entra por el personaje, no por la interfaz.
Presenta, recomienda y acompaña.
Vive en onboarding, empty states, FAQ y recompensas. Nunca en el player — no interrumpe el contenido. Siempre con fondo transparente, nunca recuadrada, nunca estirada.
Bienvenida, primer login, tour de la app. "¡Hola! Soy Noko."
Recompensas, check-in diario, racha, tokens ganados. Con confetti.
Sin resultados, sin conexión, error de carga. "Ups. Nada por acá."
Búsqueda, filtros, preguntas frecuentes, recomendaciones.
Estrenos, promos, nuevas features. Señala el contenido, no lo tapa.
Stroke uniforme 1.7px, esquinas y remates redondeados, grid 24px. Blanco pleno solo en estado activo.
Todo lo que hay para usar hoy — imágenes y videos de marca, con su ruta en el repo. Catálogo completo y estados en design/ASSETS_GUIDE.md. Las variantes de Halfrock están generadas con gpt-image-2 sobre el render oficial como referencia.
