Pida a un modelo lingüístico un sitio de inversión. Pronto aparecerán miles de millones gestionados, décadas de experiencia y gente mirando con seguridad un edificio de cristal. A veces la empresa aún no ha comunicado nada de eso.
En Kingsmont había que presentar el negocio con credibilidad a partir de material real. Hacían falta estructura, disciplina visual y una página funcional, no un generador de biografías corporativas.
La pantalla «Kingsmont — primera pantalla» conserva contenido y diseño reales.
Kingsmont — primera pantalla
Interfaz archivada · datos de demostración
Manos rápidas, decisiones lentas
Se usaron Cursor y Codex para componentes, estados adaptables, cambios repetidos y comprobación de implementación. Pero quién es la empresa, qué hace y qué puede afirmar son condiciones de partida, no huecos en una maqueta.
El sitio usa Astro y TypeScript con entrega estática y Tailwind. La animación inicial se hizo con CSS e IntersectionObserver: el navegador informa de la entrada del bloque en pantalla y se aplica su estado. No hizo falta un gran motor de animación.
Me interesa la proporción. En un sitio institucional el efecto nace de una pausa, el tamaño del título o el espacio entre elementos. Si se mueve cada línea, parece una empresa ansiosa por impresionar ahora, sin saber si tendrá un segundo minuto.
Qué pertenece a la persona
Elegir un hecho. Rechazar una cifra sin confirmar. Notar un párrafo sólido que no dice nada. Mantener la misma calidad en contacto y primera pantalla. Escribir componentes más rápido no elimina esas decisiones.
La pantalla «Kingsmont — sección interna» conserva contenido y diseño reales.
Kingsmont — sección interna
Interfaz archivada · datos de demostración
El sitio publicado se puede visitar. No deduzco por ello mayor confianza inversora ni más consultas: hace falta medirlo aparte. Muestro el resultado del desarrollo y cómo se obtuvo.
Kingsmont — sección de contacto
Interfaz archivada · datos de demostración
En Kingsmont encargué a los agentes componentes y estados adaptables; estructura, material y presentación quedaron en mis manos. Escribir más rápido ayudó, pero antes había que decidir qué debía decir la empresa de sí misma.
Siguiente etapa: Antigravity y Gemini
Cursor y Codex fueron una etapa de Kingsmont. Después diseñé y construí una versión nueva en Google Antigravity con Gemini. Estimo que esa fase posterior llevó menos de una jornada, no todo el desarrollo. La base seguía siendo material y datos reales de la empresa.
Llamé a la dirección visual Quiet Institutional Power: paleta oscura, sobriedad, tipografía grande e información ordenada. El repositorio se apoyaba en material corporativo. No se añadieron empresas de cartera, métricas de inversión ni afirmaciones sin fuente.
Creé las imágenes con AI y fijé su dirección visual. En dirección conservé fotografías reales de las personas y generé el entorno de oficina. Son imágenes compuestas, no fotos documentales del equipo en esos espacios.
A Astro, TypeScript y Tailwind se sumaron un globo WebGL propio en Three.js, validación de JSON con Zod y tratamiento de imágenes con Sharp. Títulos en Syne, texto e interfaz en IBM Plex Sans y etiquetas auxiliares en IBM Plex Mono. Los tokens de diseño mantuvieron tamaños, espacios y tipografía uniformes con los agentes.
La animación sencilla siguió en CSS e Intersection Observer; no incorporé Framer Motion ni GSAP a la primera versión. Había comprobaciones separadas de dirección, afirmaciones públicas y formulario. Compilar con éxito no basta.
Esta fase unió investigación, estructura, lenguaje visual, imágenes, interfaz, desarrollo y comprobación. Los pasos entre ellos se acortaron; la responsabilidad sobre el contenido fue la misma.
Distingo dos etapas y sus herramientas. La versión construida en menos de una jornada corresponde a la fase posterior con Antigravity y Gemini, no al proyecto entero. Las pantallas originales y composiciones AI también deben vincularse a su versión.
Pantallas y grabaciones del proyecto
Historias relacionadas: Horizon · Connection.me y RTL.
@nevsky_alexander
En Instagram, Dubái más allá de la postal: familia, ciudad, descubrimientos y la vida entre proyectos. En Threads, ideas en voz alta sobre diseño e IA. En YouTube, vídeos que necesitan más espacio que una historia. Sígueme donde te sientas más a gusto y seguimos en contacto