Carrito Iniciar sesión
EDUCACIÓN · Claude Design · HTML

AutoFlux Academy — Prompt de diseño web para Claude AI

Formación online de automatización empresarial Aprende a automatizar sin código en tres meses.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
AutoFlux Academy — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una página web completa para la marca **AutoFlux Academy** (autofluxacademy.com) que reproduzca el diseño analizado. Utiliza **HTML** + **Tailwind CSS CDN** + **JavaScript vanilla** en un único archivo. **Alcance**: página única (landing) con las siguientes secciones en este orden: 1. **Navbar** fija, fondo blanco, logo a la izquierda, menú de enlaces (About, Programa, Ponentes, Proceso, Precios, FAQ, Contacto) y botón hamburguesa para móvil que despliegue un panel lateral. 2. **Hero** con fondo degradado azul oscuro a azul claro, etiqueta en mayúsculas, título grande con parte en cursiva, indicadores horizontales (estrella + texto, reloj + texto, calendario + texto) en color azul, dos botones (CTA principal “Reserva tu plaza” y enlace secundario “Ver agenda”) y un marquee de text
4.702 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.702 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
AutoFlux Academy — home completa
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat. Descargar captura
ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

  • 1.1 Barra de navegación fija con logo y menú responsive
  • 1.2 Hero con etiqueta, título, indicadores de nivel, botones y marquee animado
  • 1.3 Bloque de partners con logotipos semitransparentes
  • 1.4 Imagen central del dashboard
  • 1.5 Sección About con descripción, métricas y tags
  • 1.6 Sección Problem con lista de puntos negativos e ilustración
  • 1.7 Sección Solution con imágenes con indicadores y lista de beneficios

ABOUT

  • 2.1 Header interno con breadcrumb opcional (no presente en el HTML original)
  • 2.2 Contenido detallado del programa, métricas y testimonios

PROBLEM

  • 3.1 Título y subtítulo, lista de problemas con icono cruz
  • 3.2 Imagen ilustrativa con indicador flotante

SOLUTION

  • 4.1 Título y subtítulo, lista de beneficios con check
  • 4.2 Galería de imágenes con indicadores de funcionalidad
PROMPTS RELACIONADOS · EDUCACIÓN

Otros prompts de la misma categoría