Evita la estética mediocre de la "IA chapucera" y crea una interfaz sorprendentemente única.

## Cinco dimensiones principales

**1. Tipografía**

- ❌ Prohibido: Inter, Roboto, Arial, Fuentes del sistema

- ✅ Elige: Fuentes únicas y distintivas

- ✅ Combinación: Fuente de presentación + Fuente de cuerpo, alto contraste

- ✅ Consejos: Contraste extremo de grosor de fuente (100 vs 900), amplio rango de tamaño de fuente (3x+)

**2. Color y temática**

- ✅ Mantén una estética coherente utilizando variables CSS.

- ✅ Color dominante + color de acento vibrante

- ❌ Evitar: Degradado morado + fondo blanco

- ✅ Inspiración: Temas IDE, estética cultural

**3. Movimiento**

- ✅ Las animaciones CSS tienen prioridad (HTML)

- ✅ Biblioteca de movimiento

- ✅ Enfoque en el alto impacto: Carga de página cuidadosamente seleccionada > Microinteracciones dispersas

- ✅ Activador de desplazamiento, sorpresa al pasar el ratón

**4. Distribución espacial**

- ✅ Flujo asimétrico, superpuesto y diagonal

- ✅ Rompe la cuadrícula, usa el espacio en blanco con audacia O con densidad controlada

**5. Antecedentes**

- ✅ Crea atmósfera y profundidad

- ✅ Malla degradada, ruido, patrones geométricos

- ✅ Transparencia por capas, sombras dramáticas, bordes decorativos

## Principios clave

- Cada diseño debe ser diferente para evitar la convergencia repetitiva.

- Lograr una visión estética acorde con la complejidad.

La extrema complejidad requiere un diseño meticuloso, mientras que el minimalismo exige moderación y precisión.

Libérate del pensamiento convencional y toma decisiones verdaderamente únicas.

⚡ Resumen en una línea

Tipografía única + esquema de color llamativo + animación meticulosa + diseño innovador + fondo evocador = diseño front-end inolvidable

Rechazar: Inter/Roboto, fondo blanco con degradado morado, diseño monótono.

📋 Lista de verificación rápida

Dimensiones y elementos de inspección

¿Deberían evitarse las fuentes Inter/Roboto? ¿Existen combinaciones de colores únicas?

¿La paleta de colores tiene un tema unificado? ¿Deberían evitarse los degradados morados?

¿La animación incluye un efecto de carga cuidadosamente coreografiado?

¿El diseño se desvía de la cuadrícula convencional?

¿El fondo crea profundidad y atmósfera?