NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Nexova Studio siguiendo estas indicaciones:
- Stack: un único archivo HTML que incluya Tailwind CSS vía CDN (`https://cdn.tailwindcss.com`) y JavaScript vanilla en etiquetas `<script>` al final del body.
- Paleta de colores: primario #1E3A8A (azul oscuro), secundario #3B82F6 (azul brillante), acento #F59E0B (ámbar), fondo #F9FAFB (gris muy claro), texto principal #111827 (gris casi negro).
- Tipografía: `Inter` para títulos y párrafos, importada desde Google Fonts.
- Header: barra fija con logo (svg placeholder), menú principal con enlaces Home, About Us, Services, Projects, Blog, Contact. Incluye dos dropdowns (Company, Pages) con sub‑enlaces. A la derecha, ícono de carrito que abre un modal simple mostrando lista de productos, subtotal y
3.898 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.898 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 barra de navegación, logo y carrito
- 1.2 Hero principal con título, subtítulo y botón CTA
- 1.3 Sección de servicios en grid de tres columnas
- 1.4 Portafolio destacado con tarjetas de proyecto
- 1.5 Testimonios con carrusel simple
- 1.6 Blog preview con tarjetas de artículo
- 1.7 Llamado a la acción de suscripción al boletín
- 1.8 Footer con información de contacto, enlaces y redes sociales
ABOUT US
- 2.1 Header (reutilizado)
- 2.2 Hero interno con texto descriptivo
- 2.3 Historia de la agencia en dos columnas
- 2.4 Equipo con tarjetas de perfil
- 2.5 Valores en lista con iconos
- 2.6 Footer (reutilizado)
SERVICES
- 3.1 Header
- 3.2 Hero de servicios
- 3.3 Lista de servicios en grid ampliado
- 3.4 Caso de estudio destacado
- 3.5 CTA de contratación
- 3.6 Footer
PROJECTS
- 4.1 Header
- 4.2 Galería filtrable de proyectos
- 4.3 Detalle de proyecto (plantilla única)
- 4.4 Footer
BLOG
- 5.1 Header
- 5.2 Lista de artículos en formato tarjeta
- 5.3 Sidebar con categorías y suscripción
- 5.4 Footer
CONTACT
- 6.1 Header
- 6.2 Formulario de contacto con mapa integrado
- 6.3 Información de contacto y horario
- 6.4 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
