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

FlujoVivo — Prompt de diseño web para Claude AI

Plataforma de comunidad y recursos para creadores digitales Espacio colaborativo para proyectos y aprendizaje.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo llamado **FlujoVivo** (flujovivo.com) que reproduzca el diseño y la estructura de la web analizada, sin copiar texto ni imágenes originales. Usa sólo HTML estático en un único archivo, Tailwind CSS vía CDN y JavaScript vanilla para animaciones de aparición (fade‑in) y el menú responsive. **Paleta de colores**: - Primario: #0D47A1 (azul marino) - Secundario: #1976D2 (azul brillante) - Fondo: #F5F7FA (gris muy claro) - Texto principal: #212121 (gris oscuro) - Texto secundario: #757575 (gris medio) **Tipografía**: Inter (Google Fonts) para títulos y cuerpo. ### Header (navbar) - barra completa, fondo blanco, sombra ligera. - logo a la izquierda (texto "FlujoVivo" en Inter Bold, #0D47A1). - menú horizontal con enlaces: Home, Precios, Novedades, Soporte. - bot
4.773 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.773 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
FlujoVivo — 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 Header con logo, menú y botón de acción
  • 2.1 Hero con título, subtítulo, formulario de captura y imagen ilustrativa
  • 3.1 Sección de logos de socios
  • 4.1 Bloque de características en cuadrícula de tres ítems con iconos y textos
  • 5.1 Botón secundario de llamada a la acción
  • 6.1 Paso a paso con dos columnas de imagen + texto y botones
  • 7.1 Footer con enlaces de navegación y datos de contacto

PRICING (simulada)

  • 1.1 Header (reutilizado)
  • 2.1 Tabla de planes con tarjetas
  • 3.1 Preguntas frecuentes
  • 4.1 Footer

UPDATES (simulada)

  • 1.1 Header
  • 2.1 Listado de actualizaciones con fechas y descripciones
  • 3.1 Botón de suscripción al boletín
  • 4.1 Footer

SUPPORT (simulada)

  • 1.1 Header
  • 2.1 Formulario de contacto y sección de FAQs
  • 3.1 Información de contacto y mapa
  • 4.1 Footer
PROMPTS RELACIONADOS · EDUCACIÓN

Otros prompts de la misma categoría