Fondos & superficies

Primary--bg-primary

Secondary--bg-secondary

Card--bg-card

Card hover--bg-card-hover

Input--bg-input

Glass (nav)--bg-glass

Bordes

Default--border

Hover--border-hover

Accent--border-accent

Texto · 4 niveles

Aa

Primary--text-primary

Aa

Secondary--text-secondary

Aa

Muted--text-muted

Aa

Accent--text-accent

Acento del tema · gradientes

Accent--accent—

Accent light--accent-light

Accent dark--accent-dark

Gradient accent--gradient-accent

Gradient CTA--gradient-cta

Gradient hero--gradient-hero

Semánticos

Success--success#10B981

Warning--warning#F59E0B

Error--error#EF4444

Info--info#3B82F6

Display

Tu PyME, conectada por IA.

56 / 1.04 / 600
--fs-display

H1

Atiende clientes 24/7 sin esfuerzo

40 / 1.08 / 600
--fs-h1

H2

Todo el ecosistema en un panel

30 / 1.18 / 600
--fs-h2

H3

Agente virtual con WhatsApp

22 / 1.25 / 600
--fs-h3

Body

LidIA es el agente virtual de eInventiva. Aprende tu negocio, atiende a tus clientes en WhatsApp y conecta con tu CRM. Sin código.

15 / 1.55 / 400
--fs-body

Body sm

Descripciones bajo títulos de cards, copy explicativo en formularios, ayuda contextual.

13 / 1.5 / 400
--fs-body-sm

Caption

Eyebrow · meta · labels

12 / 1.4 / 500
--fs-caption

Mono

data-theme="dark" · #2D7FF9

14 / 1.5 / 500
--font-mono

--space-14px

--space-28px

--space-312px

--space-416px

--space-520px

--space-624px

--space-832px

--space-1040px

--space-1248px

--space-1664px

--space-2080px

--space-2496px

xs

4px

sm

6px

md

8px

lg

12px

xl

16px

2xl

20px

pill

999px

Sin sombranone

Small--shadow-sm

Medium--shadow-md

Medium + Glow+ --shadow-glow

sm

≥ 640px

Móvil grande

md

≥ 768px

Tablet

lg

≥ 1024px

Laptop

xl

≥ 1280px

Desktop

2xl

≥ 1536px

Wide

Variantes AOS

.aos — fade + translateY(28px)
.aos-left — fade + translateX(-40px)
.aos-right — fade + translateX(40px)
.aos-scale — fade + scale(0.92)
.stagger > * — delays 0 → 0.3s

Duraciones & easings

--dur-fast · 120ms — hover, focus
--dur-base · 180ms — transiciones
--dur-slow · 280ms — paneles
--dur-reveal · 800ms — on-scroll
--ease-out · entradas, hover

Dark Premium · default

Midnight + Electric Blue

data-theme="dark" · Linear/Vercel

Light Clean

Snow + Azul eInventiva

data-theme="light" · Stripe/Notion

Tech Futurista

Void + Cyan

data-theme="tech" · Supabase/Warp

Implementación

// theme-restore.js — inyectado en <head> ANTES de cualquier render
(function() {
  try {
    const t = localStorage.getItem('einv-theme');
    if (['dark', 'light', 'tech'].includes(t)) {
      document.documentElement.setAttribute('data-theme', t);
    }
  } catch (e) {}
})();

LidIA · Chat IA

data-product="chat"

Planner

data-product="planner"

HashTask

data-product="hashtask"

Tickets

data-product="tickets"

Atención

data-product="atencion"

Uso en código

{/* Aplica el acento del producto a una sección o card */}
<section data-product="chat">
  <button className="btn btn--primary">
    Probar LidIA gratis
  </button>
</section>

Variantes

Tamaños

Estados (primary)

Default · Hover · Active

Focus · Disabled

Inputs

Nombre del negocio Aparecerá en los mensajes que envíe LidIA.

Email corporativo Te enviamos un link mágico para entrar.

WhatsApp Business Formato inválido. Incluye lada del país.

Sector

Cuéntanos sobre tu negocio

Controles

Acepto los términos Recibir newsletter Opción deshabilitada Mensual Anual (-20%) Notificaciones

Default

LidIA · Agente WhatsApp

Atiende 24/7 con respuestas que suenan a tu marca.

Interactiva · hover

Tickets & soporte

Inbox unificado con SLAs y rutas automáticas.

Accent + Glow

Planner

Tableros y plazos sin curva de aprendizaje.

Badges

Neutral Nuevo Activo Pendiente Caído Beta

Chips de filtro

Modal

Tabs · pill

Tabs · underline

Tooltip

Atajo: ⌘ + K Beta En pruebas con 30 clientes

Acordeón

No. El plan inicial es gratuito durante 14 días y no pedimos tarjeta. Si decides seguir, puedes pagar con cualquier método.

Sí. Conectamos a tu cuenta de WhatsApp Business sin migración ni cambio de número.

Sin contratos. Cancela en un clic desde Facturación.

Loading · Skeleton

Sin conversaciones

Conecta tu WhatsApp para empezar a recibir mensajes aquí.

No pudimos cargar los datos

Revisa tu conexión y vuelve a intentar. Si persiste, contacta a soporte.

LidIA · Agente WhatsApp

Tu WhatsApp contesta solo, sin perder el tono.

Un agente con IA que atiende a tus clientes 24/7, agenda citas y escala a una persona cuando hace falta. Configúralo en una tarde.

0 PyMEs mexicanas 0 tiempo medio de respuesta 0 uptime 90 días

Conversaciones humanas

Aprende tu tono y catálogo en horas. Tus clientes notan la diferencia.

Agenda citas sin fricción

Conecta tu calendario. Reserva, confirma y recuerda automáticamente.

Escala a una persona

Cuando un caso lo amerita, transfiere el contexto completo a tu equipo.

24/7 sin guardia

Tu negocio no duerme. Tu equipo sí. Cubrimos noches y fines de semana.

Reportes que importan

Tiempos de respuesta, conversión, picos por hora. En español, sin jerga.

Datos seguros en México

Cumplimos LFPDPPP. Cifrado extremo y respaldo continuo.

Starter

$0MXN / mes

Para probar LidIA con tu número actual.

1 canal (WhatsApp)
300 conversaciones / mes
Plantillas básicas
Soporte por email

Pyme Más popular

$899MXN / mes

Para PyMEs en crecimiento con flujo constante.

3 canales (WhatsApp · Email · IG)
3,000 conversaciones / mes
Agenda + recordatorios
Escalado a humano
Soporte prioritario

Equipo

$2,499MXN / mes

Para equipos con varios agentes y SLAs.

Canales ilimitados
15,000 conversaciones / mes
Roles + permisos
API & integraciones
Onboarding con un especialista

La mayoría de PyMEs queda lista en una tarde. Conectamos tu WhatsApp, aprendemos tu catálogo y configuramos los flujos básicos contigo.

No. Está diseñado para que cualquier persona del equipo lo opere. Sin código.

Sí. Cumplimos LFPDPPP, ciframos en tránsito y en reposo, y nunca compartimos tu información.

Tenemos integraciones nativas con las plataformas más usadas en México y una API abierta para el resto.

Cancelas en un clic desde el panel. No hay contrato ni penalidades.

+62%

"Pasamos de perder pedidos en la noche a agendarlos solos. Mi equipo recupera horas todos los días."

MR

Mariana Reyes

Dueña · Café La Esquina

3 min

"Bajamos el tiempo de primera respuesta a 3 minutos sin contratar a nadie. El ROI lo vimos en el segundo mes."

JL

Jorge León

Gerente · Clínica Dental Norte

24/7

"Antes el WhatsApp era un agujero negro los fines de semana. Hoy todo queda registrado y respondido."

SP

Sofía Padilla

CMO · Hotel Boutique Mérida

Empieza hoy. Configura en una tarde.

14 días gratis. Sin tarjeta. Sin contratos.

.bg-dots · grid de puntos

.bg-grid · líneas Linear-style

.bg-aurora · gradiente vivo

.bg-beam · cono giratorio

pasa el cursor

.bg-spotlight · sigue al cursor

stack completo

aurora + grid + noise

.magnetic · pasa el cursor cerca

El botón se acerca sutilmente al cursor.

.shimmer · hover

Plan Enterprise

Brillo que cruza al hacer hover.

.border-glow · hover

Premium

Borde gradiente rotando.

.pulse-dot · live status

1,284 conversaciones ahora

Indicador de actividad en tiempo real.

.counter · cuenta al scroll

0

Tabular-nums, anima al entrar al viewport.

.glow-card · sigue al cursor

Feature destacado

Halo radial que sigue al mouse.

25 · Premium · Registro editorial

Un segundo registro · para momentos brand

Reservado para homepage hero, página enterprise, casos de éxito y "Sobre nosotros". NO usar en dashboards, listados o flujos transaccionales. Mezcla un serif italic (Instrument Serif) como contrapunto a Inter, tamaños colosales y muchísimo espacio negativo. Aprende de Apple, Linear, Stripe, The New York Times.

Cuándo usarlo

Hero de la homepage corporativa.
Página de planes Enterprise / Premium.
"Sobre nosotros", manifiesto, página de equipo.
Pull quotes destacados en case studies.
Reportes/whitepapers exportables (PDF).

Cuándo NO usarlo

Dashboards, ajustes, listados o cualquier UI de producto.
Formularios largos — la lectura editorial cansa.
Móvil sin probar — los tamaños colosales necesitan curaduría.
Cualquier flujo transaccional (pago, checkout, login).
Cuando no haya tiempo de revisar tracking, balance y kerning a mano.

eInventiva · 2026

El software que tu PyME merecía tener.

Cinco productos. Una identidad. Hecho en México para PyMEs que ya están listas para crecer — sin curva de aprendizaje, sin BS, sin contratos perpetuos.

0PyMEs activas

0conversaciones / mes

0uptime 12 meses

MXdatos en infraestructura local

0

Más conversión

PyMEs que activan LidIA contestan en 22s vs. 4h promedio del sector.

0

Retorno medio

Sobre la inversión mensual, observado en los primeros 90 días.

0

Setup promedio

Desde "creo mi cuenta" hasta "recibo mi primer mensaje atendido por IA".

"

Pasamos de perder pedidos en la noche a agendarlos solos. Mi equipo recupera horas todos los días.

Mariana Reyes · Dueña, Café La Esquina

Café La Esquina Clínica Dental Norte Hotel Boutique Mérida Distribuidora Bajío Boutique Caoba Pastelería Aurora Veterinaria Roma Despacho Contable HG Café La Esquina Clínica Dental Norte Hotel Boutique Mérida Distribuidora Bajío Boutique Caoba Pastelería Aurora Veterinaria Roma Despacho Contable HG

Capítulo 01 · Conversaciones

Tus clientes hablan como personas. Tu agente también.

LidIA aprende tu tono, tu catálogo y los modismos de tus clientes. No improvisa: conoce tu manual de atención y responde como tu mejor empleado en su mejor día.

UI · LidIA Studio

Onboarding · 1 tarde

De cero a contestando en 3 pasos.

Sin código, sin migrar tu número, sin contratos. El equipo de eInventiva te acompaña.

01

Conecta tu WhatsApp

Vincula tu cuenta de WhatsApp Business existente. No cambias de número.

02

Entrena a LidIA

Sube tu catálogo, manual de atención y FAQs. La IA aprende tu tono en minutos.

03

Activa y descansa

LidIA empieza a atender. Tú revisas, ajustas y dejas que tu negocio respire.

Hazlo así

Cambia un producto solo cambiando data-product. Cambia el tema solo cambiando data-theme.
Usa --gradient-cta únicamente en el botón primario principal de cada sección.
Reserva --shadow-glow para CTAs primarios y cards destacadas (precios, featured).
Mínimo 12px en cualquier texto de la UI; nunca menos.
Animaciones: solo .aos al hacer scroll + hover lift sutil. Nada más.
Tono profesional cercano, español de México. Tutea. Sin jerga de "AI bro".

Evita esto

Sin emojis decorativos en la UI. (Sí en mensajes del agente si la marca del cliente los usa.)
Sin colores hardcodeados — todo viene de tokens.
Sin gradientes arcoíris, blobs animados ni partículas a pantalla completa.
Sin pintar grandes superficies con el acento. Acento puntúa, no inunda.
Sin colores semánticos para énfasis decorativo (rojo solo significa error).
Sin loops infinitos, parallax o auto-play de video.

Self-host la tipografía. Instala @fontsource-variable/inter y carga los pesos 400/500/600/700 en tu CSS de entrada.
Importa los tokens. En orden: tokens-base.css → tokens-theme.css → components.css.
Anti-flash. Inyecta theme-restore.js en <head> antes de cualquier render (lee localStorage).
Aplica tema y producto. data-theme="dark|light|tech" en <html>. data-product="chat|planner|…" donde lo necesites.
Compón con patrones. Hero → Features → Pricing → Testimonios → FAQ → CTA. Audita: ≥12px, sin emojis, acento solo en CTAs.

Implementación · referencia

// main.tsx — orden de imports
import '@fontsource-variable/inter';
import './styles/tokens-base.css';
import './styles/tokens-theme.css';
import './styles/components.css';

// index.html — anti-flash inline
<script src="/theme-restore.js"></script>

// App.tsx — uso
<html data-theme={theme}>
  <section data-product="chat">
    <button className="btn btn--primary btn--lg">
      Probar LidIA gratis
    </button>
  </section>
</html>

LidIA · Agente WhatsApp

Tickets & soporte

Planner

¿Eliminar este flujo?

Tu WhatsApp contesta solo, sin perder el tono.

Conversaciones humanas

Agenda citas sin fricción

Escala a una persona

24/7 sin guardia

Reportes que importan

Datos seguros en México

Empieza hoy. Configura en una tarde.

El software que tu PyME merecía tener.

Tus clientes hablan como personas. Tu agente también.

De cero a contestando en 3 pasos.

Conecta tu WhatsApp

Entrena a LidIA

Activa y descansa