NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia "Estratega Digital" (dominio: estrategadigital.com) usando solo un archivo HTML que incluya Tailwind CSS desde CDN y JavaScript vanilla. Replicar el diseño visual y la estructura de una plantilla de consultoría premium:
- Paleta de colores: #1F2937 (gris oscuro), #3B82F6 (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco), #10B981 (verde acento).
- Tipografía: "Inter" para texto y "Playfair Display" para encabezados, ambas importadas desde Google Fonts.
- Header: barra fija, logo a la izquierda, enlaces principales (Inicio, Servicios, Casos, Sobre Nosotros, Blog, Contacto) y dos botones a la derecha (Más Plantillas, Comprar). Menú desplegable con varias columnas y badges, responsive con hamburger en móvil.
- Hero: sección a pantalla complet
3.777 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.777 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 y menús desplegables
- 1.2 Hero principal con badge, título, subtítulo y botones
- 1.3 Slider de imágenes dentro del hero
- 1.4 Cuatro columnas de información rápida
- 1.5 Grid de casos de estudio
- 1.6 Slider de testimonios
- 1.7 Llamada a la acción final
- 1.8 Footer con enlaces institucionales y redes
SOBRE NOSOTROS
- 2.1 Header interno con breadcrumb
- 2.2 Texto descriptivo sobre la empresa
- 2.3 Equipo de trabajo en tarjetas
- 2.4 Valores corporativos en iconos
- 2.5 Footer
SERVICIOS
- 3.1 Header interno con breadcrumb
- 3.2 Lista de servicios en tarjetas con iconos
- 3.3 Detalle de cada servicio en acordeón
- 3.4 CTA de contacto
- 3.5 Footer
CASOS DE ESTUDIO
- 4.1 Header interno con breadcrumb
- 4.2 Grid de casos con filtros
- 4.3 Detalle de caso seleccionado (imagen, retos, resultados)
- 4.4 CTA para más casos
- 4.5 Footer
BLOG
- 5.1 Header interno con breadcrumb
- 5.2 Lista de artículos en cards
- 5.3 Sidebar con categorías y búsqueda
- 5.4 Footer
CONTACTO
- 6.1 Header interno con breadcrumb
- 6.2 Formulario de contacto (nombre, email, mensaje)
- 6.3 Mapa integrado
- 6.4 Información de contacto y redes
- 6.5 Footer
PROMPTS RELACIONADOS · EDUCATION
