NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "EstratoVisión" (consultoría estratégica y tecnológica) usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El sitio debe reproducir el diseño visual y la estructura de la plantilla analizada:
- **Paleta de colores**: #0A0A0A (fondo principal), #FFFFFF (texto), #1A73E8 (botones y acentos), #F4F4F4 (secciones claras), #E0E0E0 (bordes y separadores).
- **Tipografía**: "Inter", sans-serif para todo el texto; usar tamaños de 14px a 48px según la jerarquía.
- **Header**: barra fija con logo a la izquierda, menú principal centrado (Enlace: "Inicio", "Servicios", "Casos", "Sobre nosotros", "Contacto"), botón secundario "Más plantillas" y botón principal "Comprar EstratoVisión". Incluye dropdown multilayout co
4.019 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.019 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 y botones de acción
- 1.2 Hero principal con badge, título, subtítulo y botones CTA
- 1.3 Slider de imágenes dentro del hero
- 1.4 Sección de servicios en grid de 3 columnas
- 1.5 Bloque de estadísticas con contadores
- 1.6 Testimonios en carrusel
- 1.7 Llamada a la acción final
- 1.8 Footer con enlaces, redes y contacto
SERVICIOS
- 2.1 Header (reutilizado)
- 2.2 Hero secundario con título y descripción breve
- 2.3 Lista de servicios con iconos y textos
- 2.4 Caso de estudio destacado
- 2.5 CTA para contactar
- 2.6 Footer (reutilizado)
CASE STUDIES
- 3.1 Header
- 3.2 Hero con imagen de proyecto y breve resumen
- 3.3 Detalle de retos, solución y resultados en tarjetas
- 3.4 Slider de resultados visuales
- 3.5 CTA para ver más casos
- 3.6 Footer
ABOUT
- 4.1 Header
- 4.2 Hero con foto del equipo y misión
- 4.3 Historía de la empresa en timeline
- 4.4 Valores en tarjetas
- 4.5 Equipo con fotos y breves biografías
- 4.6 CTA para descargar brochure
- 4.7 Footer
CONTACT
- 5.1 Header
- 5.2 Hero con formulario de contacto y mapa
- 5.3 Información de contacto y horarios
- 5.4 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA