NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Formación Río** (consultoría estratégica) siguiendo el diseño y la estructura del sitio analizado. Utiliza **HTML5**, **Tailwind CSS (CDN)** y **JavaScript vanilla** en un único archivo.\n\n**Alcance**: replicar la barra de navegación con logo, menús desplegables (Home, About, Services, Pages, Contact) y botón "Unlock full access"; hero con título, subtítulo y botón principal; sección de servicios de tres tarjetas con iconos; grid de casos de estudio (3 columnas, imagen + título + breve); carrusel de testimonios (auto‑rotante, flechas de navegación); sección de CTA con formulario de captura (nombre, email, mensaje) y botón; footer con columnas de enlaces, redes sociales y datos de contacto.\n\n**Paleta de colores** (extraída del origina
4.665 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.665 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
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, menús desplegables y botón de acceso premium
- 1.2 Hero con título, subtítulo y botón principal
- 1.3 Área de presentación de servicios con tarjetas e iconos
- 1.4 Sección de casos de estudio en formato grid
- 1.5 Testimonios rotativos
- 1.6 Llamado a la acción con formulario sencillo
- 1.7 Footer con enlaces, redes y datos de contacto
ABOUT
- 2.1 Imagen de encabezado con texto descriptivo
- 2.2 Historia de la empresa en dos columnas
- 2.3 Valores y misión en tarjetas
- 2.4 Equipo con fotos y breves biografías
- 2.5 CTA para descargar folleto
SERVICE ONE
- 3.1 Título y descripción del servicio
- 3.2 Lista de beneficios con iconos
- 3.3 Caso de estudio relacionado
- 3.4 Formulario de solicitud rápida
SERVICE TWO
- 4.1 Igual estructura que Service One con contenido distinto
SERVICE THREE
- 5.1 Igual estructura que Service One con contenido distinto
PRICING ONE
- 6.1 Tabla comparativa de planes
- 6.2 Botones de suscripción
PRICING TWO
- 7.1 Variante de tabla con destacado de plan recomendado
PRICING THREE
- 8.1 Tabla estilo tarjeta con iconos
CASE STUDY ONE
- 9.1 Imagen destacada y resumen del caso
- 9.2 Problema, solución y resultados en bloques
CASE STUDY TWO
- 10.1 Igual estructura que Case Study One con otro proyecto
CASE STUDY THREE
- 11.1 Igual estructura que Case Study One con otro proyecto
BLOG
- 12.1 Listado de artículos con miniaturas y extractos
- 12.2 Paginación
BLOG POST
- 13.1 Título, autor y fecha
- 13.2 Contenido con imágenes y bloques de citas
- 13.3 CTA para suscripción al boletín
TEAM
- 14.1 Galería de miembros con foto, nombre y posición
- 14.2 Enlaces a perfiles detallados
TEAM MEMBER
- 15.1 Perfil completo con bio, habilidades y contacto
FAQ
- 16.1 Preguntas frecuentes en acordeón
CONTACT ONE
- 17.1 Formulario de contacto simple
- 17.2 Mapa integrado
CONTACT TWO
- 18.1 Formulario avanzado con campos personalizados
CONTACT THREE
- 19.1 Formulario minimalista y datos de oficina
STYLE GUIDE
- 20.1 Paleta de colores, tipografías y componentes UI
404
- 21.1 Mensaje de error amigable y enlace a home
401
- 22.1 Mensaje de acceso protegido y formulario de login
PROMPTS RELACIONADOS · EDUCACIÓN
