NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Nexora Consulting** siguiendo el estilo visual y la estructura descrita. Utiliza **HTML** con **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo.
**Paleta de colores** (extraída del diseño original):
- #0F172A (azul muy oscuro – fondo principal)
- #1E293B (gris azul – secciones y tarjetas)
- #F3F4F6 (gris claro – fondo de contenido)
- #10B981 (verde esmeralda – acentos y botones)
- #FFFFFF (blanco – texto principal)
**Tipografía**:
- Fuente principal: `Inter` (Google Fonts)
- Fuente secundaria: `Montserrat` para encabezados
**Header**: barra fija con logo a la izquierda (SVG blanco/negro según tema) y menú hamburguesa que abre un overlay con enlaces a Home, Pages (desplegable con About, Services, Service Details, FAQ)
4.536 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.536 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 menú hamburguesa
- 1.2 Hero con título y subtítulo
- 1.3 Servicios en tres columnas (Estrategia, Innovación, Optimización)
- 1.4 Casos de estudio (cuatro tarjetas con imagen y enlace)
- 1.5 Testimonios (carrusel de citas)
- 1.6 CTA principal (Botón “Solicita tu proyecto”)
- 1.7 Blog destacado (tres posts con miniatura y resumen)
- 1.8 Footer con enlaces, datos de contacto y redes sociales
ABOUT
- 2.1 Header (reutiliza del Home)
- 2.2 Hero interno con título y descripción corta
- 2.3 Historia y misión en dos columnas con imágenes
- 2.4 Equipo con tarjetas de perfil
- 2.5 Valores corporativos en iconos
- 2.6 CTA de contacto
- 2.7 Footer
SERVICES
- 3.1 Header
- 3.2 Lista de servicios en tarjetas con iconos y descripción
- 3.3 Proceso de trabajo en pasos horizontales
- 3.4 CTA de solicitud de presupuesto
- 3.5 Footer
CASE STUDIES
- 4.1 Header
- 4.2 Grid de estudios de caso (imágenes + título + breve texto)
- 4.3 Filtros por sector
- 4.4 CTA para más casos
- 4.5 Footer
BLOG
- 5.1 Header
- 5.2 Lista de artículos en formato tarjeta con imagen, título, excerpt y fecha
- 5.3 Sidebar con categorías y últimos posts
- 5.4 Paginación
- 5.5 Footer
PRICING
- 6.1 Header
- 6.2 Tabla comparativa de planes (Básico, Profesional, Enterprise)
- 6.3 Preguntas frecuentes en acordeón
- 6.4 CTA a contacto
- 6.5 Footer
CONTACT
- 7.1 Header
- 7.2 Formulario de contacto (nombre, email, asunto, mensaje)
- 7.3 Mapa embebido
- 7.4 Información de oficina y teléfono
- 7.5 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
