Mistral → kadabra. 21 sep 2026.
steps() antes que interpolación, escalonados de 30–40 ms.Siete secciones, siete movimientos. Lo notable no es ninguno de ellos por separado: es que son el mismo puñado de ideas recoloreadas siete veces.
Pase el cursor sobre un par y los naipes intercambian lugar. Izquierda: lo que hacen ellos. Derecha: lo que hacemos nosotros con la misma idea.
Un Lottie de cuadros naranja que nunca termina.
Las cartas salen y vuelven con timing steps().
Escalonado aleatorio de 5–25 ms por glifo.
Cada glifo se voltea boca arriba desde una carta boca abajo.
se conserva el azar · cambia el verbo: de subir a voltearEl único microgesto de todo el sitio, en ~200 enlaces.
80 ms de ventaja. El galón ya es nuestra forma.
se conserva tal cualAncho de 0 a 100 % en cada autoplay.
«3 de 8» más una línea fina de oro bajo la carta activa.
se conserva · oro en lugar de ámbarCaída de −300 px y un cuadro de squash.
Cae, un cuadro de scaleY .96, se asienta.
se conserva · se acorta a 250 msPolígonos que abren cada tarjeta e imagen.
Un volteo 3D, y es el único revelado de la página.
cambia · un solo revelado, y es nuestroAzul para Studio, crema para Applied AI, naranja.
♠ hacer · ♥ cuidar. Dos palos, dos líneas de servicio.
se conserva la disciplina · dos variantes, no seisSe sienta en la esquina y nunca se explica.
Sprite de cuatro cuadros; aparece cuando usted acierta.
se conserva la mascota diminuta que no se explica5, 6, 8 y 10 s para que nunca se sincronicen.
7 s y 11 s. Mismo truco, otra materia.
se conserva el truco del «nunca se repite»Nada de esto es una maqueta. Cada carta de esta mesa responde al clic, y esa es exactamente la prueba del taller: si el sitio enseña algo en cuarenta segundos, el taller es creíble.
Cinco cartas salen del mazo con timing steps() y 40 ms de separación, aterrizan en abanico y se aplastan un cuadro antes de asentarse.
Una carta, un giro. La cara usa la serif; el índice, la grotesca. Es la gramática de un naipe real: índice seco, figura decorada.
Toque la carta para voltearla.
Cinco cosas que su equipo puede automatizar este mes. Pase el cursor y una se levanta mientras las demás se apagan; haga clic y se voltea con los números.
Una carta se mueve a la vez. Siempre.
Tres cartas boca abajo. Una filtra datos de clientes. Es la única parte de esta página donde usted puede perder, y por eso es la que se acuerda.
El galón del logo convertido en rótulo mecánico. Avanza con steps(), como un tablero de aeropuerto, no como una marquesina web. Dos cintas a 7 s y 11 s: nunca coinciden.
El motivo de Mistral que sobrevive la adaptación: el azar por glifo. Cambia el verbo. Allá suben; aquí se voltean boca arriba, con cubic-bezier(0.77,0,0.175,1) y 5–25 ms de separación al azar.
La estrella de cuatro puntas del logo, dibujada en cuatro cuadros de SVG y conmutada con steps(1). Aparece al pasar por el botón y cuando usted acierta. Nunca decora: siempre premia.
Lo que ya funciona: simétrico, centrado, cartulina blanca sobre hueso; el rojo aparece una vez por pantalla y siempre significa «actúe»; y la carta de encuesta con índices a/b/c es la mejor idea de la página, porque es carta, lección y llamada a la acción al mismo tiempo.
Gloock es elegante pero no tiene galón ni velocidad. Ponga la voz del logo (Gabarito 900, cortada) en los H1 y deje la serif solo para las caras de naipe. Resultado: los titulares dicen «rápido», las cartas dicen «tradición».
«Crear una encuesta / Ver una de ejemplo / Cómo funciona» es la fila de una página de producto. Usted vende un taller, aquí, a gente que le va a escribir por WhatsApp. Un botón rojo y un enlace de texto. Nada más arriba del pliegue.
Lo agendan después de que alguien del equipo jugó cuarenta segundos con algo y reenvió el enlace. El trabajo del pliegue no es convertir: es ser reenviable. Una carta interactiva que enseñe una cosa, y el CTA debajo, no al lado.
Déle oficio: es el color de «lo acertó». Rojo = actuar, oro = premio, negro = estructura. Tres tintas, tres significados, cero ambigüedad.
Úselo en todas partes: «carta 3 de 8», «taller 1 de 3», «semana 2 de 4». Es su reemplazo de la barra de progreso y suena a usted.
Usted para el B2B costarricense; el voseo solo adentro de las cartas del juego. Ese contraste es amable sin volverse informal.
Locomotive vende diseño web siendo una demostración de diseño web: usted hace scroll, el sitio actúa, usted cree.
El equivalente para kadabra no es movimiento por movimiento: es que el sitio le enseñe una cosa real sobre IA en menos de un minuto, sin formulario.
Si el sitio es un taller diminuto, el taller es creíble. Impresionar viene de la contención más una cosa que nadie ha visto: un sitio donde las cartas son la interfaz y la interfaz es la lección.
Voltéela: un par real de instrucción y resultado. Diez segundos, una lección.
Cinco cosas que automatizar este mes. Hoy / con IA / dónde se rompe.
La sección de seguridad. Mismo mecanismo, lección opuesta: aquí se puede perder.
El equipo. Dos manos sobre la mesa, no dos fotos de perfil.
Un botón y la escalera: descubrir, automatizar, blindar.
Costa Rica vende la IA como educación; afuera se vende como media jornada con precio visible. Ahí está el hueco, y es todo el hueco.
| Costa Rica | Afuera | |
|---|---|---|
| Unidad de venta | Curso o especialización por módulos (TEC: 24 semanas; INA: 40 h) | Media jornada o jornada completa, tarifa plana |
| Precio visible | Casi nunca. NobleProg es el único número público: desde $5 330 por 14 h en sitio | Sí. BlueShore: $999 media jornada, $1 499 jornada completa |
| Tamaño del grupo | Cohorte abierta, sin tope declarado | Grupo pequeño con tope: hasta 5, o de 10 a 25 |
| Quién lo da | Universidades e institutos; las consultoras lo incluyen dentro de una implementación | Boutiques independientes y plataformas de cohortes |
| Canal | WhatsApp y formulario. TEC publica su número de WhatsApp | Formulario, llamada de ventas, o autoservicio (Maven) |
| El hueco | Nadie vende media jornada, en su oficina, para su equipo, con el precio a la vista. Un precio visible en Costa Rica es en sí mismo anticorporativo y genera confianza. | |
Media jornada. Qué puede hacer la IA por este equipo, con las tareas reales de este equipo sobre la mesa.
₡ — / $ — hasta 12 personasJornada completa. Cuáles tareas, cómo, y este mes. Se sale con algo funcionando, no con apuntes.
₡ — / $ — hasta 12 personasMedia jornada más seguimiento. Dónde se rompe: fugas de datos, facturas alucinadas, instrucciones mal escritas.
₡ — / $ — hasta 12 personasAcompañamiento continuo y horas de consulta.
cotizarEn su oficina o en remoto, con las tareas reales de su gente. Sin plataforma, sin biblioteca de cursos, sin llamada de descubrimiento.
Agendar un taller Cotizar para mi equipo por WhatsApp taller 1 de 3 · descubrir