# Reglas de diseño de lumora.example

Salen de la auditoría de la portada: léelas antes de cada cambio para que Lumora no vuelva a parecer una plantilla.

- Cada título dice qué hace Lumora, para quién y qué resultado da, en menos de 12 palabras. Nada de «poder», «IA», «revoluciona» ni «siguiente nivel».
- Un solo botón lleno por pantalla, de color sólido y sin sombra de color. La acción secundaria va como link de texto subrayado.
- Muestra el producto con capturas reales, grandes y sin marco de navegador falso. Nunca uses emojis como íconos.
- No agregues números, logos de clientes ni testimonios que no sean reales. Un testimonio lleva nombre completo, empresa, foto real y una frase con un resultado concreto, sin estrellas.
- Los colores salen solo de las variables --texto (casi negro) y --acento (un color sólido que no sea violeta, índigo ni rosa), sobre fondo blanco. El acento va solo en el botón principal y en los links.
- No uses linear-gradient ni radial-gradient: ni en textos, ni en botones, ni en fondos.
- Los títulos van en Satoshi o General Sans, autoalojada, peso 600 y tracking apretado, alineados a la izquierda con la columna de texto. El texto de párrafo se queda en Inter.
- No sumes secciones de relleno como «¿Por qué elegir Lumora?» con listas de ✅: si una sección repite lo que ya dice otra, sobra.
- Ningún link con href="#": si la página no existe, el link tampoco. El pie se queda en una fila con nombre, correo, Privacidad, Términos y ©.
- Cada página nueva lleva meta description, og:title, og:description y una og:image de 1200×630.