NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático único para la marca ficticia "Creador Delta" (agencia digital) usando HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce el patrón de UI del sitio original: encabezado fijo con logo a la izquierda, menú de navegación central (Enlace a Sobre, Servicios, Portafolio, Precios, Blog) y botón destacado a la derecha "Hablemos" con ícono de chat que cambia al pasar el cursor. Hero ocupa toda la pantalla, fondo oscuro #0A0A0A, texto principal en #FFFFFF, título fuente 'Inter' weight 800, tamaño 4rem, subtítulo en #CCCCCC, fuente 'Inter' weight 400, 1.25rem. Botones CTA: estilo sólido con color #FF6F61 y contorno blanco; botón secundario inverso. Debajo del hero, bloque de animación: galerías de imágenes en carrusel horizontal que se reproducen al c
3.571 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.571 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ú y botón destacado
- 1.2 Hero principal con título, texto y dos botones CTA
- 1.3 Animación visual de múltiples imágenes en carrusel
- 1.4 Bloque de servicios en tarjetas con íconos
- 1.5 Galería de trabajos en cuadrícula responsive
- 1.6 Testimonios en carrusel horizontal
- 1.7 CTA final con breve formulario de contacto
- 1.8 Footer con enlaces institucionales, datos de contacto y redes
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Imagen destacada y texto descriptivo de la agencia
- 2.3 Valores y misión en columnas
- 2.4 Equipo con fotos y breves bios
- 2.5 CTA a proyectos
SERVICES
- 3.1 Cabecera reutilizada
- 3.2 Lista de servicios en bloques con iconografía
- 3.3 Caso de estudio destacado
- 3.4 Preguntas frecuentes en acordeón
- 3.5 CTA a contacto
WORKS
- 4.1 Cabecera reutilizada
- 4.2 Filtro de categorías
- 4.3 Cuadrícula de proyectos con hover details
- 4.4 Botón de carga adicional
- 4.5 CTA para solicitar propuesta
CONTACT
- 5.1 Cabecera reutilizada
- 5.2 Formulario de contacto completo (nombre, email, mensaje)
- 5.3 Mapa incrustado
- 5.4 Información de oficina y redes sociales
- 5.5 CTA a newsletter
PRICING
- 6.1 Cabecera reutilizada
- 6.2 Tabla de planes con características y botones de selección
- 6.3 Comparativa de beneficios
- 6.4 Testimonios relacionados
- 6.5 CTA a solicitar demo
BLOG
- 7.1 Cabecera reutilizada
- 7.2 Lista de artículos en tarjetas con imagen, título y extracto
- 7.3 Sidebar con categorías, tags y newsletter
- 7.4 Paginación inferior
PROMPTS RELACIONADOS · PORTFOLIO
