NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "ForjaTech" (forjatech.com) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla (un único archivo). El proyecto debe reproducir el diseño visual y la estructura de la web analizada, sin copiar texto ni imágenes originales. Utiliza los siguientes recursos:
- Paleta de colores: #0D1F2D (azul marino profundo), #1E3A5F (azul intermedio), #F5F7FA (gris muy claro), #E0E8F0 (gris claro), #FFFFFF (blanco), #FFAA00 (amarillo acento).
- Tipografía: "Inter" para textos y títulos, peso 400/600/700 según necesidad; incluir <link href=\"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">.
- Cabecera: barra fija con logo (texto "ForjaTech" en Inter Bold, color #FFAA00), menú de 5 ítems (Inici
4.644 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.644 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, menú mega y botón CTA
- 1.2 Hero con vídeo de fondo y overlay textual
- 1.3 Bloque informativo rápido (iconos + texto)
- 1.4 Cuadrícula de servicios (3 columnas)
- 1.5 Estadísticas con contadores
- 1.6 Equipo humano (tarjetas)
- 1.7 Testimonios en carrusel
- 1.8 CTA final
- 1.9 Footer con navegación, redes y contacto
SERVICIOS
- 1.1 Cabecera idéntica a la home
- 1.2 Hero estático con imagen de fondo y título de página
- 1.3 Lista de servicios en formato tarjetas con icono y descripción
- 1.4 CTA para solicitar presupuesto
- 1.5 Footer igual que en la home
QUIÉNES SOMOS
- 1.1 Cabecera
- 1.2 Hero con vídeo corto y texto introductorio
- 1.3 Historia de la empresa en sección de dos columnas
- 1.4 Valores corporativos con iconos
- 1.5 Equipo humano (repetición del bloque de la home)
- 1.6 Footer
BLOG
- 1.1 Cabecera
- 1.2 Lista de artículos en tarjetas con imagen, título, extracto y fecha
- 1.3 Paginación simple
- 1.4 Footer
CONTACTO
- 1.1 Cabecera
- 1.2 Hero con mapa estático y título
- 1.3 Formulario de contacto (nombre, email, asunto, mensaje, botón)
- 1.4 Información de contacto rápido (teléfono, email, dirección)
- 1.5 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
