Frontend
HTML, CSS y JavaScript a pelo
Ni React, ni bundler, ni node_modules. Cada página es un .html que se abre con doble clic y funciona. Lo que se sube es exactamente lo que se escribió.
Lo que hay debajo de AIMA: cómo está construido este sitio, qué se ejecuta en el servidor, dónde vive la mascota y qué reglas seguimos al escribir código. Parte es público. El catálogo de identidad no.
Sin misterio y sin capas de más. Si te sientas mañana, en media hora sabes dónde está todo.
Frontend
Ni React, ni bundler, ni node_modules. Cada página es un .html que se abre con doble clic y funciona. Lo que se sube es exactamente lo que se escribió.
Estructura
Estilos, marcado y comportamiento viven juntos en el mismo documento. Se pierde algo de reutilización y se gana no romper cinco páginas al tocar una.
Ilustración
AMI vive en assets/ami-pixel.js como mapas de caracteres de 40×38 sobre una única rejilla. Diez disfraces, un solo dibujo. Cambias un píxel y cambia en todo el sitio.
Escenas
Las viñetas de producto son <rect> sobre una rejilla, animados desde assets/ami-escenas.css. Nada de vídeo, nada de GIF: pesan kilobytes y escalan a cualquier pantalla.
Backend
Todo lo que necesita secretos vive en /api sobre Vercel: AMI, los agentes, el panel, los leads y el acceso al catálogo. Supabase para los datos, Gemini para la conversación.
Instalable
manifest.webmanifest, sw.js y una pantalla propia para cuando no hay cobertura. Se añade a la pantalla de inicio y abre como una app.
Herramientas y accesos del equipo. El estado de cada uno está puesto al día.
El manual de marca completo: logotipo y sus versiones, paleta con códigos, tipografías, tono de voz, aplicaciones y reglas de uso. Documento maestro — de aquí sale todo lo demás.
Acceso restringidoLos endpoints del asistente: contexto de marca, memoria de conversación, voz y los agentes de automatización. Documentación interna en preparación.
En obrasLos flujos que se le montan a cada cliente: reseñas, recordatorios, reservas y el bot de WhatsApp que cualifica y agenda. Se pagan por créditos.
En obras · ver productoCuatro trabajos a la vez, ni uno más. El cliente ve cuántos hay delante del suyo, en qué fase van y cuándo se libera el siguiente puesto.
DisponibleQuién hay detrás de AIMA, con nombre y cara. De momento uno; según entre gente, se va llenando.
DisponibleEl panel privado donde el cliente ve lo publicado y sus métricas, al día cada mañana a las 9:00. Las extensiones —contabilidad, calendario, pedidos— llegan después.
DisponibleNo es un manual de estilo de cien páginas. Son seis cosas, y se cumplen.
Y se comenta para quien venga detrás, no para lucirse. Los bloques que se tocan a menudo van marcados con ✏️ para encontrarlos de un vistazo.
Si un dato aparece dos veces en la misma página, tarde o temprano uno de los dos se queda viejo. Un dato, un lugar.
La mayoría de quien entra lo hace con una mano y en la calle. Si ahí no funciona, no funciona.
Cada animación tiene un trabajo: dirigir la vista, marcar jerarquía o premiar un clic. Lo que se mueve sin motivo, se quita.
Roles y etiquetas ARIA donde toca, contraste suficiente, foco visible y prefers-reduced-motion respetado en todas las páginas. No es un extra.
Casi siempre se resuelve con veinte líneas propias que entendemos entera. Lo que no se instala, no se rompe ni caduca.
Futuros compañeros
Somos un estudio pequeño en el que se toca todo: marca, código, cámara y cliente. No buscamos a nadie que sepa de todo — buscamos a quien tenga criterio en lo suyo y ganas de entender el resto.
Si quieres escribirnos, mejor con algo hecho que con un currículum largo. Un enlace, un repositorio, una pieza. Lo que sea que hayas terminado.
info@aima.businessCosas que empezaron como una prueba técnica y se quedaron. Sirven para enseñar de lo que es capaz una web sin dependencias.
El catálogo de identidad completo está reservado al equipo interno y colaboradores de confianza. Introduce tu NIF y la contraseña que te hemos facilitado.
La sesión dura 2 horas y se cierra al cerrar esta pestaña.
