NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Gestión Vega** siguiendo el estilo del template analizado. Usa **HTML** en un solo archivo, **Tailwind CSS CDN** y **JavaScript vanilla** para interactividad. Emplea la siguiente **paleta de colores**: primario #0D3B66, secundario #FAF0CA, acento #F4D35E, texto principal #102A43, fondo #F0F4F8. Utiliza tipografía **Inter** para títulos (font‑weight 700) y **Source Sans Pro** para cuerpo (font‑weight 400).
**Estructura**:
- **Header**: barra fija, logo SVG genérico, menú de navegación con mega‑dropdown que muestra tres columnas (Homepages, Services, Contact). En pantallas pequeñas colapsa a icono hamburguesa que abre overlay móvil.
- **Hero**: sección a pantalla completa, título grande, subtítulo corto y botón CTA "Descubre cómo".
- **
4.018 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.018 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ú mega‑dropdown
- 1.2 Hero con título grande y CTA
- 1.3 Bloque de diseños de home (tarjetas)
- 1.4 Servicios en tres columnas
- 1.5 Casos destacados con overlay
- 1.6 Blog / insights en tarjetas
- 1.7 Footer institucional
ABOUT
- 1.1 Header compartido
- 1.2 sección de misión y valores
- 1.3 equipo con tarjetas
- 1.4 CTA a contacto
- 1.5 Footer
SERVICES
- 1.1 Header compartido
- 1.2 listado de servicios con tarjetas descriptivas
- 1.3 sección de metodología visual
- 1.4 Testimonios rotativos
- 1.5 CTA a presupuesto
CASE STUDIES
- 1.1 Header compartido
- 1.2 galería de casos con overlay y botón "Ver caso"
- 1.3 filtro por categoría
- 1.4 CTA a contacto
BLOG
- 1.1 Header compartido
- 1.2 feed de artículos en tarjetas
- 1.3 paginación simple
- 1.4 Sidebar con categorías y newsletter
CONTACT
- 1.1 Header compartido
- 1.2 formulario de contacto simple
- 1.3 mapa incrustado
- 1.4 información de oficina y redes
- 1.5 Footer
PROMPTS RELACIONADOS · CORPORATIVO
