NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia FortiWave usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. La web debe reproducir el diseño corporativo analizado:
- **Paleta de colores**: azul profundo #0A1F33, azul medio #1E3A5F, gris claro #F5F7FA, blanco #FFFFFF, acento naranja #FF6B35.
- **Tipografía**: Inter (sans-serif) para cuerpos y títulos, peso 400‑700.
- **Header**: barra fija, fondo blanco, logo a la izquierda (placeholder SVG), menú principal centrado (Home, About, Pages dropdown, Pricing), botones “Request demo” (bordes y fondo blanco con borde azul) y “Get in touch” (fondo azul, texto blanco). En móvil, colapsar a hamburguesa.
- **Hero**: sección a pantalla completa, fondo gris claro, título grande (display-9) en azul profundo, subtítulo
3.777 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.777 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 Cabecera fija con logo, navegación principal, menú desplegable y botones de acción
- 2.1 Hero principal con título destacado, descripción breve y botones CTA (Comprar plantilla, Explorar páginas)
- 3.1 Bloque de características resaltadas (cuadros con iconos y texto)
- 4.1 Testimonios o logos de clientes (carrusel horizontal)
- 5.1 Llamada a la acción final con formulario breve
- 6.1 Footer con enlaces a About, Pricing, Blog, Contact, redes sociales y datos de contacto
ABOUT
- 1.1 Cabecera reutilizada
- 2.1 Sección de historia y misión con imágenes y texto
- 3.1 Equipo con tarjetas de perfil
- 4.1 Valores corporativos en columnas
- 5.1 Footer uniforme
PRICING
- 1.1 Cabecera reutilizada
- 2.1 Tabla comparativa de planes con características y botones seleccionar
- 3.1 Preguntas frecuentes en acordeón
- 4.1 Footer uniforme
BLOG
- 1.1 Cabecera reutilizada
- 2.1 Listado de artículos en tarjetas con imagen, título, extracto y fecha
- 3.1 Sidebar con categorías y últimas publicaciones
- 4.1 Footer uniforme
CONTACT
- 1.1 Cabecera reutilizada
- 2.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 3.1 Información de contacto y mapa integrado
- 4.1 Footer uniforme
PROMPTS RELACIONADOS · EDUCACIÓN
