NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Escuela Puerto** con las siguientes especificaciones.
**Alcance**: una única página index.html que reproduzca la estructura y estilo de la plantilla analizada, usando únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla (sin dependencias externas). Todo el contenido debe estar en español de España, original y sin copiar textos del sitio original.
**Stack**:
- `<!DOCTYPE html>`
- `<html lang="es">`
- `<head>` incluye meta viewport, charset UTF-8, título, y el CDN de Tailwind (`https://cdn.jsdelivr.net/npm/tailwindcss@3.4.0/dist/tailwind.min.css`).
- `<body>` contiene todas las secciones descritas.
**Paleta de colores** (hex):
- Primario: #6C5CE7 (púrpura intenso)
- Secundario 1: #00B894 (verde esmeralda)
- Secundario 2:
4.995 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.995 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 Banner superior con mensaje breve
- 1.2 Navegación principal con logo, enlaces y botón CTA
- 1.3 Hero con título, subtítulo y lista de beneficios
- 1.4 Grid de imágenes hero secundarias
- 1.5 Sección de reseñas con tarjetas estelares
- 1.6 Métricas resaltadas (páginas, secciones, variantes, funcionalidades)
- 1.7 Bloque CTA oscuro con tres tarjetas numeradas
- 1.8 Galería de landing pages (3 ítems)
- 1.9 Galería de páginas corporativas (3 ítems)
OTRAS PÁGINAS
- About 1: encabezado, texto descriptivo, equipo y CTA
- About 2: encabezado, historia, valores y formulario contacto
- Contact 1: formulario de contacto básico, mapa y datos
- Contact 2: formulario avanzado, FAQ y botón de apoyo
- Blog 1: lista de entradas, filtros y barra lateral
- Blog 2: grid de artículos con imágenes destacadas
- Pricing 1: tabla de precios simple, botón registro
- Pricing 2: comparador de planes con destacados
- Pricing 3: landing de suscripción con testimonios
- Case Studies: presentación de casos, imágenes y resultados
- Careers: listado de vacantes, descripción y formulario interno
PROMPTS RELACIONADOS · EDUCACIÓN
