NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **ForjaNova** (fabricación de paneles compuestos y piedra) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla en un único archivo**. El diseño debe replicar la estructura y estética de la plantilla analizada:
- **Paleta de colores**: #0a0a0a (fondo oscuro), #ffffff (texto principal), #f5f5f5 (secciones claras), #ff6600 (acentos y botones), #1a1a1a (barras y dropdown).
- **Tipografía**: Fuente sans‑serif "Inter" (importar desde Google Fonts) para todo el texto, con tamaños h1‑48px, h2‑36px, h3‑28px, párrafo‑16px.
- **Header**: barra fija, logo a la izquierda, menú principal con items "Inicio", "Qué hacemos", "Proyectos", "Sobre nosotros", "Contacto". Cada item abre un dropdown con tres enlaces internos. Botón resaltado
4.254 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.254 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 Encabezado fijo con logo, menú desplegable y botón de solicitud de presupuesto
- 1.2 Hero con imagen de fondo, título, subtítulo, párrafo y dos botones CTA
- 1.3 Bloque de servicios (3 columnas) con imagen, título, descripción y enlace CTA
- 1.4 Bloque de valores (icono + texto) en cuadrícula
- 1.5 Testimonios en carrusel
- 1.6 Footer con navegación secundaria, datos de empresa y formulario de newsletter
SOBRE NOSOTROS
- 2.1 Encabezado interno (misma barra de navegación)
- 2.2 Hero interno con título y fondo de imagen
- 2.3 Texto descriptivo con imagen acompañante
- 2.4 Equipo interno con fotos y breves biografías
- 2.5 Valores corporativos
- 2.6 Footer consistente
SERVICIOS
- 3.1 Encabezado interno
- 3.2 Lista de servicios en tarjetas con imagen, título y descripción breve
- 3.3 CTA para solicitar presupuesto
- 3.4 Footer
PROYECTOS
- 4.1 Encabezado interno
- 4.2 Galería filtrable tipo masonry con imágenes de proyectos
- 4.3 Filtros por categoría (Arquitectura, Náutica, Industrial)
- 4.4 Enlaces a detalle de proyecto
- 4.5 Footer
CONTACTO
- 5.1 Encabezado interno
- 5.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 5.3 Mapa incrustado y datos de localización
- 5.4 Footer
PROMPTS RELACIONADOS · ARQUITECTURA
