NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web de una empresa ficticia de seguridad llamada GuardiaNova usando solo un archivo HTML que incluya Tailwind CDN y JavaScript vanilla. El sitio debe replicar la estructura y estilo del diseño analizado:
- Paleta de colores: #1F2937 (gris oscuro), #F3DF04 (amarillo vibrante), #FFFFFF (blanco), #000000 (negro) y acentos #2563EB (azul).
- Tipografía: Inter (google fonts) para todo el texto, con tamaños grandes en headings y peso semibold en botones.
- Header: barra fija con logo placeholder, menú horizontal (Home, Sobre nosotros, Servicios, Blog, Contacto) y botón CTA de emergencia a la derecha con ícono de teléfono y número "123 (256) 2526". Menú responsive con botón hamburguesa.
- Hero: sección a pantalla completa con título grande "Su socio de confianza en seguridad", su
3.306 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.306 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 con logo, menú principal (Home, Sobre nosotros, Servicios, Blog, Contacto) y botón CTA de emergencia con teléfono
- 1.2 Hero principal: título grande, texto descriptivo, botón "Solicitar presupuesto", imagen/ vídeo de fondo con overlay
- 1.3 Sección hero background: imagen grande de cobertura de seguridad con efecto de desplazamiento
- 1.4 Bloque marquee: carrusel horizontal de palabras clave (Seguridad total, Reducción de riesgos, Respuesta 24/7) acompañadas de iconos
ABOUT US
- 2.1 Título y párrafo institucional
- 2.2 Imagen descriptiva y lista de valores
SERVICES
- 3.1 Galería de tarjetas de servicio (Vigilancia in situ, Sistemas de alarma, Consultoría de riesgos)
- 3.2 Cada tarjeta con icono, título y breve descripción
BLOG
- 4.1 Lista de entradas recientes con miniaturas y extractos
- 4.2 Sidebar con categorías y búsqueda
CONTACT US
- 5.1 Formulario de contacto simple (nombre, email, mensaje)
- 5.2 Mapa embebido de ubicación y datos de contacto
FOOTER
- 6.1 Enlaces rápidos, redes sociales y aviso legal
PROMPTS RELACIONADOS · BELLEZA / SPA
