NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una consultora estratégica ficticia llamada Nexiva Consulting, usando HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emula el diseño analizado:
- Paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #1E40AF (azul intenso), #F3F4F6 (gris claro), #E5E7EB (gris medio).
- Tipografía: "Inter" para títulos y textos, "Roboto" para subtítulos.
- Header: barra fija con logo (SVG placeholder), enlaces Home, Pages (dropdown con About, Services, Service details, FAQ), Blog (dropdown con tres entradas), Case studies (dropdown con tres casos y detalle), Pricing (dropdown). Versión móvil muestra icono hamburguesa que abre overlay semi‑transparente con blur, logo centrado, frase descriptiva y miniaturas de los últimos casos.
- Hero: fondo s
3.833 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.833 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 superior con logo y enlaces
- 1.2 Menú hamburguesa overlay con miniaturas de casos
- 1.3 Hero principal con título, subtítulo y botón CTA
- 1.4 Introducción destacada
- 1.5 Grid de casos de estudio
- 1.6 Tarjetas de servicios/valores
- 1.7 Testimonios en carrusel
- 1.8 FAQ en acordeón
- 1.9 Footer con enlaces y redes
ABOUT
- 1.1 Header interno con breadcrumbs
- 1.2 Texto institucional y misión
- 1.3 Equipo en tarjetas
- 1.4 Valores en iconos
- 1.5 Footer
SERVICES
- 1.1 Lista de servicios con tarjetas
- 1.2 Detalle de servicio destacado
- 1.3 CTA a contacto
- 1.4 Footer
CASE STUDIES
- 1.1 Grid de casos con imágenes y resúmenes
- 1.2 Filtro por categoría
- 1.3 Footer
BLOG
- 1.1 Lista de artículos en tarjeta
- 1.2 Sidebar con categorías y últimos posts
- 1.3 Footer
PRICING
- 1.1 Tabla comparativa de planes
- 1.2 CTA a compra
- 1.3 Footer
CONTACT
- 1.1 Formulario de contacto
- 1.2 Mapa integrado
- 1.3 Información de contacto
- 1.4 Footer
PROMPTS RELACIONADOS · CORPORATIVO
