NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Formación Puerto" (dominio formacionpuerto.com) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir el patrón visual y estructural de la web analizada:
- **Paleta de colores**: #0A0A0A (negro profundo), #1E1E1E (gris oscuro), #2C7BE5 (azul primario), #FFFFFF (blanco), #F5F5F5 (gris claro).
- **Tipografía**: Inter (sans‑serif) para cuerpo y títulos, peso 400‑700, tamaños fluidos usando `text-[clamp()]`.
- **Header**: barra fija con logo a la izquierda, enlaces horizontales (Home, Demo, Inner Page, Utility) y botón CTA “Obtener plantilla”. Menú hamburguesa para móvil con animación de líneas.
- **Hero**: sección a pantalla completa, título con tipografía secundaria (cursiva) en azu
3.877 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.877 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 y enlaces
- 1.2 Hero principal con título y CTA
- 1.3 Imagen hero compuesta
- 1.4 Sección de características del producto
- 1.5 Galería de versiones de home
- 1.6 Footer minimalista
INNER PAGE (ejemplo)
- 1.1 Cabecera interna con breadcrumb
- 1.2 Contenido principal del inner page
- 1.3 Footer reutilizado
PROMPTS RELACIONADOS · EDUCACIÓN
