NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un website completo para la marca ficticia FortiPulse, una plataforma de gestión y seguridad para empresas de defensa. Usa exclusivamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce la siguiente arquitectura y estilo visual basado en el análisis:
- Paleta de colores: #0A0E23 (azul muy oscuro), #1E213F (gris azulado), #2C3E50 (azul marino), #4A90E2 (azul principal), #FFFFFF (blanco), #F5F7FA (gris muy claro). Usa estos como background, textos, botones y acentos.
- Tipografía: Inter (sans-serif) para todo el texto, peso 400 para cuerpo y 600-700 para títulos. Tamaños: display-9 ~ 4rem, h1 ~ 3rem, h2 ~ 2rem, p ~ 1rem.
- Header: barra fija, logo a la izquierda (placeholder SVG), menú horizontal con enlaces Home, About, Services, Pricing, Contact, dropdow
3.842 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.842 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 Header con logo, menú principal, dropdowns y botones CTA
- 1.2 Hero con título, subtítulo y dos botones (primario y secundario)
- 1.3 Características (grid de 3 columnas, icono + título + descripción)
- 1.4 Estadísticas (cuatro contadores con número y label)
- 1.5 Testimonios (carousel o grid de 3 cards con foto, nombre y cita)
- 1.6 Precios (tarjetas de 3 planes, detalle de ventajas y botón)
- 1.7 Footer con enlaces de empresa, productos, contacto y redes sociales
ABOUT
- 2.1 Header (reutilizado)
- 2.2 Hero interno con título y breve descripción
- 2.3 Misión y visión en dos columnas
- 2.4 Equipo (grid de perfiles con foto y cargo)
- 2.5 Footer (reutilizado)
SERVICES
- 3.1 Header
- 3.2 Hero interno
- 3.3 Lista de servicios en tarjetas con iconos
- 3.4 Caso de estudio destacado
- 3.5 CTA de contacto
- 3.6 Footer
PRICING
- 4.1 Header
- 4.2 Hero interno
- 4.3 Tabla de precios (tres columnas, detalles y botones)
- 4.4 Preguntas frecuentes (acordeón)
- 4.5 Footer
CONTACT
- 5.1 Header
- 5.2 Hero interno
- 5.3 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.4 Información de contacto y mapa
- 5.5 Footer
PROMPTS RELACIONADOS · ARQUITECTURA
