NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la agencia ficticia Grupo Vega siguiendo el estilo del template analizado. Usa HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: fondo #0a0a0a, textos #f5f5f5, acentos #ff6600, botones #1a73e8. Tipografía: encabezados con "Playfair Display" (serif), cuerpo con "Inter" (sans).
HEADER: barra fija con logo animado (video loop de 2s) a la izquierda, menú hamburguesa compuesto por 9 puntos alineados en cuadrícula, al hacer click despliega navegación vertical con enlaces Home, About, Cases, Services, Contact. Incluye iconos de redes sociales (Instagram, X, LinkedIn, Facebook) alineados a la derecha.
HOME SECTION:
1. Hero con subtítulo "Creative Marketing", título grande "Strategies Built For Success" (palabra "Built" en se
3.937 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.937 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 animado y menú.
- 1.2 Hero principal con video de fondo.
- 1.3 Bloque de servicios en grid.
- 1.4 Casos de estudio con carrusel.
- 1.5 Testimonios slider.
- 1.6 CTA con formulario.
- 1.7 Footer con redes y enlaces.
ABOUT
- 2.1 Banner interior con título y subtítulo.
- 2.2 Texto descriptivo de la agencia.
- 2.3 Equipo en tarjetas con foto y rol.
- 2.4 Valores y cultura en iconos.
- 2.5 CTA para contactar.
- 2.6 Footer repetido.
CASE-STUDIES
- 3.1 Lista de proyectos con filtro por categoría.
- 3.2 Cada proyecto muestra imagen, título, breve descripción y botón ver más.
- 3.3 Pagination o carga infinita.
- 3.4 Footer.
SERVICES
- 4.1 Titular de servicios y descripción introductoria.
- 4.2 Servicios en cards con ícono, título y texto.
- 4.3 Proceso paso a paso en timeline.
- 4.4 CTA para solicitar presupuesto.
- 4.5 Footer.
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, asunto y mensaje.
- 5.2 Mapa integrado (iframe) con ubicación.
- 5.3 Información de contacto directo.
- 5.4 Footer.
PROMPTS RELACIONADOS · CORPORATIVO
