PREVIEW Kit A Void Mint · no es la tienda de compra · la venta sigue en invasionrollermty.com

IRM26 Kit A — Void Mint · Lienzo v2.5

Documento completo otra vez (no se corta en CTA). Shop con GLB Meshy del pack AR que ya me pasaste. Solo local · Ctrl+Shift+R.

00 — BRAND 3D

Logo Invasion Roller · punto cero

GLB SoT: assets/kit-a-shop/logo-invasion-roller.glb (catálogo #4). No es SKU de tienda: es marca animada. Abajo: dónde vive, spinner, cortinilla y fondo ligero.

A · Dónde va el logo 3D

  • Header — marca viva a la izquierda (auto-rotate lento; en móvil se congela tras load).
  • Spinner de carga — al abrir landing / cambiar ruta / esperar SPEI.
  • Cortinilla — wipe mint entre Paquetes ↔ Tienda ↔ modal.
  • Empty states — carrito vacío / sin notifs (idle suave).
  • Pago OK / check-in — destello corto 600 ms (no loop).
  • No en cards de merch ni como botón flotante de carrito.

Preview logo

Misma pieza del header. Arrastra para inspeccionar.

B · Spinner

Logo 3D en órbita

Sin aro. Sin copy. Solo el GLB con giro lento + desplazamiento fluido (ease, ~4.5s). En reduced-motion: quieto.

C · Cortinilla

Fondo animado

Cortina de bandas verticales 8–12 px (mint → void) 280–360 ms. Logo 3D cruza el centro a escala 0.7→1. No full-screen WebGL. Se usa al: abrir modal, cambiar pestaña del hub, saltar Paquetes/Tienda.

Contenido debajo

D · Fondo animado

Void aurora · noche roller

Capas: nebulosa mint/plata a drift lento, haz diagonal suave, destellos lejanos. Sin grid. Sin partículas-cola. Canvas 2D ligero.

01 · TIPO

Tipografía — menos salto radical

Tres opciones; el lienzo corre con B.

A · Actual (duro)

Paquetes IRM26

Pixelify título vs Grotesk cuerpo — se siente otro producto.

REC

B · Recomendada

PAQUETES

Paquetes IRM26

Grotesk 700 títulos · Pixelify kicker · CTAs en Space Grotesk (ambos).

C · Media

Paquetes IRM26

Pixelify 18 — menos choque.

02 · FORMA

Radios + sombra — un solo 18px

Había muchos radios por deuda del monolito. Superficie congelada en 18px. Chips pill OK. Sombra modal única.

8px
18px OK
22px

02b — ICONOGRAFÍA

Sistema de iconos IRM26 · SVG

Plantilla canónica Void Mint. Stroke 1.7 · 24×24 · sin emoji. Usar <svg class="irm-ico"><use href="#ico-…">. Primer set listo; el resto del lienzo ya consume estos ids.

jerseyMerch
capGorra
hatSombrero
keyLlavero
partyFiesta
foodComida
breakfastDesayuno
meatCarne
ticketPase
rifaRifa
packBoleto
customCustom
cartCarrito
walletWallet
userCuenta
bellAvisos
settingsConfig
uploadArchivo
phoneMóvil
calendarFecha
skateBrand
boltMint
docDoc
shieldWaiver
checkOK
closeCerrar
plusAdd
searchBuscar
chevronNav

Botones solo icono

03b — CINTILLA SUPERIOR

Ticker de patinadores · Kit A

Avance hacia adelante, pista llena (sin huecos), loop infinito sin corte, pause on hover. Bob mínimo en sprites (CSS).

04 · PACKS

Card pack dark · Pantalla oficiales

Imagen oficial + iconos de entregables. Tap en la card abre el modal de configuración.

Paquete START

START

Jersey, fiesta, rifa, subasta, llavero.

150 cupos$850
Paquete POWER

POWER

START + desayuno, comida, gorra.

100 cupos$1,200
Paquete TURBO

TURBO

START + comidas, sombrero, carne asada.

50 cupos$1,800
CUSTOM

CUSTOM

Arma tu mix · entregables a la carta.

Cupo staffCotiza

05 — SHOP

Marketplace — 2×3 Meshy SoT

Fila 1: jerseys. Fila 2: sombrero, gorras, llavero. Misma ficha en cada card. Solo local.

Arrastra

MERCH · #5

Jersey 2026

Jersey oficial Invasion Roller MTY 2026. Vista 3D del modelo Meshy.

$850 MXN Oficial
Arrastra

MERCH · #1

Jersey Collab IUS

Colaboración Invasion × International United States. Edición 2026.

$850 MXN Collab
Arrastra

MERCH · #6

Jersey 2025

Jersey Invasion Roller edición 2025. Vista 3D del modelo Meshy.

$750 MXN 2025
Nada de Frenar

MERCH · #8

Sombrero

Dos caras: Nada de Frenar (verde) y Roller Gear. La cámara alterna con destello.

$450 MXN 2 caras
Arrastra · elige estilo

MERCH · #2 + #7

Gorras

Dos estilos Meshy (A / B). Masters pesados; preview local.

$350 MXN 2 estilos
Arrastra

MERCH · #3

Llavero

Llavero oficial Invasion Roller. Vista 3D del modelo Meshy.

$150 MXN Oficial

Precios de lienzo (referencia UI). #4 logo 3D y #9 OVNI fuera del grid. Gorras aún masters Meshy.

07 · CTA

CTA primario

Ambos botones en Space Grotesk (sin Press Start).

08 · CHIPS

Chips

Cupo mint · precio fog/ink (nunca danger).

150 cupos$850Mute / info

13 — TOAST

Toast warn

Comprobante recibido. Lo revisa staff. Aviso no bloqueante (--warn).

14 — SPEI

Bloque SPEI · CLABE mono + mint

CLABE
722969020191688387

Sube captura para validar el pase.

15 — PARTNERS

Marca partner · logos del front actual

PNG sin filtro mint. Color partner solo en chrome del modal. Nombres reales.

IUS

International Urban Skate · patines / colab jersey. Logo oficial en assets/sponsors/ius.png.

Regla: no retintear el PNG; rojo IUS solo en borde/glow del theater.

El Lugar de Max

Restaurante patrocinador · comidas del itinerario. Logo assets/sponsors/max.png.

Verde Max solo en el marco del modal; nunca wash sobre el logo.

Penguin Rollers

Tienda / dealer MTY. Logo assets/sponsors/penguin.png.

Azul Penguin solo en el marco del modal; logo intacto.

Villalobos Padilla Seguros

Seguros · Guadalupe N.L. Logo extraído del ticker actual a assets/sponsors/villalobos.png.

Maps: Villalobos Padilla Seguros Guadalupe. Sin inventar claim.

15b — CARRUSEL SPONSORS

Rack inferior · fondo blanco

Carrusel L→R del front actual, congelado Kit A: pista blanca, logos sin filtro mint, loop infinito, pause on hover. Nombres reales del ticker/foot.

16 — BOTONES FLOTANTES · PROVEEDORES

Solo botones flotantes de proveedores (4)

Solo logos de proveedores (sin carrito). Columna derecha: IUS · Max · Penguin · Villalobos. Un toque abre la ficha de esa marca.

Preview — ficha de proveedor (IUS por defecto). Así se ve al tocar el logo circular.

17 — Z

Capas

v2.4 · header Monterrey 2026 · cintilla · rack sponsors · partners reales · 4 proveedores · local only