NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **ForjaDigital** usando **HTML** y **Tailwind CSS** (CDN) en un solo archivo con JavaScript vanilla para interacciones simples. La web debe replicar el diseño de una corporativa moderna:
- **Paleta de colores**: #0F172A (navy oscuro), #1E293B (gris azul profundo), #F1F5F9 (gris muy claro), #3B82F6 (azul primario), #E2E8F0 (gris pastel).
- **Tipografía**: `Inter`, peso 400‑600, tamaños variables (h1 48px, h2 36px, h3 24px, párrafos 16px).
- **Header**: barra fija, logo a la izquierda, menú mega‑dropdown con columnas, enlaces a Demos, Company, Services, Pricing, Projects, All Pages. Botón "Let’s work together" a la derecha. Versión responsive con burger‑menu.
- **Hero**: sección landing‑banner con título grande y resaltado, subtítulo, y tr
3.650 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.650 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, mega‑menu y botón de contacto
- 1.2 Hero principal con título destacado, descripción corta y mockups de páginas
- 1.3 Sección de confianza con título, párrafo y grid de iconos con texto descriptivo
- 1.4 Galería de home pages con tarjetas de imagen, título y overlay interactivo
- 1.5 Pie de página con enlaces de navegación secundaria y datos de contacto
ABOUT US
- 2.1 Header interno con breadcrumb
- 2.2 Bloque de historia con imagen y texto
- 2.3 Valores en columnas con iconos
- 2.4 Equipo en grid de tarjetas
- 2.5 Footer común
SERVICES
- 3.1 Lista de servicios en cards con icono y breve descripción
- 3.2 Carrusel de casos de estudio
- 3.3 CTA de contacto
- 3.4 Footer común
PROJECTS
- 4.1 Galería filtrable de proyectos
- 4.2 Detalle de proyecto con slider de imágenes y descripción
- 4.3 CTA a contacto
PRICING
- 5.1 Tabla comparativa de planes
- 5.2 CTA de prueba gratuita
- 5.3 Footer común
CONTACT US
- 6.1 Formulario de contacto con campos básicos
- 6.2 Mapa incrustado y datos de ubicación
- 6.3 Footer común
Imagen generada con OpenAI · gpt-image-2 · 09/06/2026
PROMPTS RELACIONADOS · AUTOMOCIÓN
