NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Nextera Soluciones** (nexterasoluciones.com) siguiendo el estilo visual y la estructura de la página analizada. Utiliza **HTML5**, **Tailwind CSS (CDN)** y **JavaScript vanilla** en un único archivo. El proyecto debe incluir:
1. **Paleta de colores**: #0D0D0D (negro profundo), #1A1A1A (gris oscuro), #FFFFFF (blanco), #E63946 (rojo acento), #F1FAEE (verde suave). Aplica colores de fondo y texto según la jerarquía de la UI original.
2. **Tipografía**: "Inter" para títulos y cuerpo, cargada desde Google Fonts.
3. **Header**: barra de navegación fija, logo a la izquierda, menú principal con enlaces Home, Empresa, Servicios, Casos, Blog, Contacto. Incluye un mega‑menu con columnas para sub‑páginas y un botón destacado "Trabaja con nosotros" a
4.276 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.276 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 logo, menú principal, botones CTA y menú responsive
- 1.2 Hero con video de fondo, título grande, subtítulo y botones CTA
- 1.3 Grid de soluciones (3 columnas) con icono, título y breve descripción
- 1.4 Sección de estadísticas (4 contadores) con número y texto explicativo
- 1.5 Carrusel de casos de estudio (tarjetas con imagen, título y breve texto)
- 1.6 CTA central "Trabaja con nosotros" con botón
- 1.7 Footer con logo, enlaces institucionales, datos de contacto y redes sociales
ABOUT US
- 2.1 Header (reutilizado)
- 2.2 Imagen principal y presentación de la empresa
- 2.3 Valores y misión en bloques alineados
- 2.4 Equipo destacado con foto y rol
- 2.5 CTA "Conócenos más"
- 2.6 Footer (reutilizado)
SERVICES
- 3.1 Header
- 3.2 Lista de servicios en tarjetas con icono, título y descripción
- 3.3 Sección de proceso de trabajo en pasos numerados
- 3.4 CTA de solicitud de presupuesto
- 3.5 Footer
CASE STUDIES
- 4.1 Header
- 4.2 Galería de casos de estudio en grid con filtro por categoría
- 4.3 Vista detalle del caso (imagen, reto, solución, resultados)
- 4.4 CTA para contactar
- 4.5 Footer
CONTACT US
- 5.1 Header
- 5.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.3 Información de oficina y mapa embebido
- 5.4 CTA de descarga de brochure
- 5.5 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
