NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Nexoria Consulting" (consultoría estratégica) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo visual analizados:
- Paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto), #1E3A8A (azul primario), #2563EB (azul accent), #4B5563 (gris secundario).
- Tipografía: Inter (Google Fonts) para textos y headings, peso 400/600/700 según jerarquía.
- Header fijo con logo a la izquierda, menú hamburguesa a la derecha. Al hacer clic, se muestra un overlay oscuro que contiene enlaces a los últimos proyectos (miniaturas) y a redes sociales (iconos SVG).
- Navbar dentro del overlay incluye enlaces a Home, Pages (dropdown con About, Service, Service details, FAQ), Blog (dropd
3.489 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.489 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 con logo, menú hamburguesa y barra de navegación principal
- 1.2 Menú overlay con lista de últimos proyectos y enlaces sociales
- 1.3 Hero principal con encabezado, subtítulo y CTA
- 1.4 Cuadrícula de servicios destacados
- 1.5 Sección de casos de estudio con carrusel de miniaturas
- 1.6 Área de testimonios con citas y avatar
- 1.7 Formulario de contacto rápido
- 1.8 Pie de página con enlaces institucionales y redes sociales
ABOUT
- 2.1 Cabecera compartida
- 2.2 Banner interno con título y descripción breve
- 2.3 Historia de la empresa en dos columnas
- 2.4 Equipo con tarjetas de perfil
- 2.5 Valores en tarjetas iconográficas
- 2.6 CTA a contactar
SERVICE
- 3.1 Cabecera compartida
- 3.2 Listado de servicios en tarjetas con icono y descripción
- 3.3 Proceso paso a paso en línea temporal
- 3.4 Beneficios en bloques con gráfica
- 3.5 CTA a solicitar propuesta
CASE STUDIES
- 4.1 Cabecera compartida
- 4.2 Galería de casos con filtro por sector
- 4.3 Detalle de caso individual con encabezado, reto, solución y resultados
- 4.4 CTA a leer más casos
BLOG
- 5.1 Cabecera compartida
- 5.2 Listado de artículos en tarjetas con imagen, título y excerpt
- 5.3 Sidebar con categorías y últimos posts
- 5.4 CTA a suscribirse al boletín
CONTACT
- 6.1 Cabecera compartida
- 6.2 Formulario de contacto avanzado (nombre, email, empresa, mensaje)
- 6.3 Mapa integrado y datos de contacto
- 6.4 CTA a seguir en redes
Imagen generada con OpenAI · gpt-image-2 · 10/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
