NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "GuardianPulse", una empresa de servicios de seguridad, usando HTML puro con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce el diseño analizado:
- **Paleta de colores**: fondo principal #0A0F2C (azul noche), acentos #F3DF04 (amarillo brillante), texto #FFFFFF y gris #D1D5DB.
- **Tipografía**: "Inter", sans‑serif para títulos y cuerpo, cargar desde Google Fonts.
- **Header**: barra fija con logo placeholder, menú horizontal (Home, Sobre Nosotros, Servicios, Blog, Contacto), dropdown "Más" con enlaces a páginas auxiliares, botón CTA de emergencia a la derecha con ícono de teléfono y número 123 (256) 2526.
- **Hero**: sección de pantalla completa con video de fondo en bucle (URL placeholder), overlay oscuro, título gr
3.816 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.816 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, dropdown de páginas y CTA de emergencia
- 2.1 Hero principal con título, subtítulo, botón primario y video de fondo
- 3.1 Sección de fondo hero con imagen grande y formas decorativas
- 4.1 Marquee animada con mensajes clave y iconos
- 5.1 Footer con enlaces de contacto, redes y copyright
ABOUT US
- 1.1 Header heredado
- 2.1 Imagen de cabecera con texto descriptivo
- 3.1 Equipo y valores en tarjetas
- 4.1 CTA de contacto
SERVICES
- 1.1 Header heredado
- 2.1 Grid de servicios con iconos y descripciones breves
- 3.1 Sección de casos de éxito
- 4.1 Formulario de solicitud rápida
BLOG
- 1.1 Header heredado
- 2.1 Lista de artículos con imágenes y extractos
- 3.1 Sidebar con categorías y suscripción
CONTACT US
- 1.1 Header heredado
- 2.1 Formulario de contacto completo
- 3.1 Mapa embebido y datos de emergencia
REQUEST A QUOTE
- 1.1 Header heredado
- 2.1 Formulario de solicitud de presupuesto con campos específicos
- 3.1 Testimonios y garantía de respuesta rápida
PROMPTS RELACIONADOS · MODA
