Una etiqueta de script de 38 KB, cacheada en el borde
Burbuja, panel inline, spotlight, campo inline, asistente de docs o página alojada
WordPress, Webflow y Shopify, por horario
La misma pregunta reutiliza su respuesta durante 24 horas
Subes PDFs, archivos Word y Markdown, le indicas tu sitio o conectas tu CMS. WelcomeAI lo indexa todo en una base de conocimiento, en segundo plano. Informa archivo por archivo, así que si una página no se pudo leer, lo ves.
Después, tus visitantes preguntan. Cada respuesta llega con los pasajes que usó y un puntaje de cuánto se acerca cada uno. Así corriges el documento en lugar de adivinar el prompt. Cuando ningún pasaje se acerca lo suficiente, el asistente lo dice, nombra lo que sí puede responder y no inventa nada.
WelcomeAI funciona en inglés y en español. El español es un espejo completo, escrito con el mismo registro y la misma extensión que el inglés, no una pasada automática. Una sola app sirve los cuatro lugares donde vive, que ves abajo.
Tu contenido entra, decides cómo se encuentra, la respuesta aparece en tu página y cada conversación puede convertirse en un lead.
PDF, Word, Markdown, tu sitio o tu CMS. Los lee en segundo plano y te dice cómo fue cada archivo.
El troceado, el umbral de puntaje y el modelo de respuesta los decides tú. Un Playground muestra los pasajes exactamente como los vio el modelo.
Una etiqueta de script te da las seis: una burbuja, un panel inline, un spotlight, un campo inline, un asistente de docs y una página alojada.
Cada conversación, cada lead capturado, tu analítica y las cuotas de tu plan, en un solo workspace.
Un asistente que responde con tus propias páginas, muestra la fuente y reconoce lo que no sabe. Si tu contenido son tres páginas, te conviene un buscador, y te lo diremos.
El producto resetea todos los valores por defecto del framework y usa una sola paleta. Todo lo de abajo se leyó de su propio código fuente: el bloque de tema de Tailwind v4, el barrel de componentes y las reglas de lint que rechazan una violación en la revisión de código. Nada se reconstruyó a partir de capturas.
#6D4AFF
El acento, y el único color primario del producto. Violet 700 (#5730F0) es su hover: el hover cambia el color y nada más.
#0E0A1F
La capa oscura de la marca: la landing, los widgets y toda superficie de código. Nunca aparece en el workspace.
#C6F24E
Una señal, no un color. Un elemento lima por pantalla, y solo en la capa de marketing y en los widgets.
#FAFAFB
El fondo del workspace. Las tarjetas blancas se apoyan en él; el producto no tiene gradientes ni paneles oscuros salvo el código.
#E8E7EE
La elevación en el workspace es una línea de un píxel, no una sombra. Los campos usan el #DDDCE6, apenas más oscuro.
#14131A
Tinta de títulos y cuerpo sobre superficies claras, con #6B6880 como nivel atenuado debajo. El texto nunca es transparente.
#C9A9FF
Etiquetas eyebrow solo sobre la capa ink. El sistema no lo pone sobre blanco.
Estos son los colores de WelcomeAI, impresos aquí como documentación. Nada en werun.dev sale de ellos.
El display es de 44px con tracking de −0.03em; h1 34, h2 22, h3 16, todos negativos. Los títulos de página del producto son de 24px: los tamaños de 34 y 44px pertenecen al marketing. El producto la carga con next/font, así que el sistema de diseño carga la misma familia desde Google Fonts e invita a reemplazarla por una copia licenciada.
Base de 15px con interlineado de 1.55, 13px en pequeño, 12px para placeholders y pistas: el tipo más chico del producto. El cuerpo se compone con text-wrap: pretty.
IDs, cantidades, rutas de archivo y puntajes de similitud, en cifras tabulares. También lleva el único tratamiento en mayúsculas del sistema: la etiqueta eyebrow de 11px con tracking de 0.14em.
Nombradas, no cargadas: esta página compone todas las familias de arriba con la tipografía propia de werun.dev.
El workspace es claro y silencioso. La capa ink pertenece al sitio de marketing y a los widgets, y ahí permite exactamente dos fondos: una grilla vertical de 120px con líneas de 1px al 5% de blanco, y un solo halo violeta de 420px que se desangra por una esquina. Nada más.
Un elemento lima por pantalla, y solo en la capa de marketing y en los widgets. En la landing es el botón de registro, y después la llamada a la acción del hero bajo el pliegue; nunca los dos a la vista. Un segundo elemento lima hace que el primero no signifique nada.
Nunca el valor usado solo: 12,480 / 20,000, 6.2 / 10 GB, 3 / 10. Ilimitado es ∞, no la palabra. Un número sin su techo no le dice a un cliente si tiene que preocuparse, que es la única razón por la que miró.
title= está prohibido a favor de un popover de pista, más de cinco opciones se convierten en un select con búsqueda, y cada listado es una grilla de divs cuyas celdas se editan en el lugar. Lint y tests hacen cumplir las tres, así que un botón de solo icono sin etiqueta es un build fallido y no un comentario de revisión.
Los tokens de color, tipografía, radio, elevación, espaciado y movimiento se copiaron del bloque de tema de la propia app: 135, 66 de ellos de color, 7 radios desde el chip de 6px hasta la píldora de 999px. El sistema de diseño es un diff contra el producto, no un dibujo de él.
Filas de navegación de 9px, tarjetas con padding de 18px, laterales de badge de 11px, texto de celda de 13.5px. Están escritos en la escala de espaciado a propósito para que una reconstrucción no los ordene en silencio sobre una grilla de 4px y cambie la densidad de cada pantalla.
Las 45 primitivas reflejan el barrel de componentes del producto. Las piezas que necesitan lógica real para ser fieles se nombran como no reconstruidas, para que nadie suponga que se pasaron por alto: el envoltorio de gráficos, los renderizadores de Markdown, command-K, el tour guiado y el reportero de bugs.
Sin fotografía, sin biblioteca de ilustración, sin imágenes de stock, sin arte generado. Donde un concepto necesita una imagen se hace con CSS sobre elementos reales, y las capturas del producto dentro de las páginas de marketing son mocks vivos de componentes en lugar de imágenes.
