NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Nexlab (nexlab.com), sector de servicios de investigación y análisis científico, con claim "Ciencia precisa para decisiones claras". Usa una única página HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks).
**Paleta de colores**: #0A2740 (azul profundo), #1E3A5F (azul medio), #5A96D6 (azul claro), #F2F5FA (gris muy claro), #FFFFFF.
**Tipografía**: Inter var (Google Fonts) para títulos y body, peso 400‑600.
**Header**: barra superior fija con logo (SVG placeholder), menú horizontal con enlaces Home, About Us, Services, Projects, Blog, Contact, botón de llamada (+34 123 456 789) a la derecha y iconos de redes sociales (Facebook, Twitter, YouTube, Instagram). En móviles, colapsar a ícono hamburguesa.
**Sección 1 – He
4.577 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.577 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 Hero con video de fondo, título, subtítulo y botón principal
- 1.2 Sección "Quiénes somos" con encabezado, slider de tres slides, descripción y barra de progreso
- 1.3 Marquee animado con frase institucional
- 1.4 Footer con logo, enlaces, contacto y redes sociales
ABOUT US
- 2.1 Encabezado interno con título y breadcrumb
- 2.2 Texto descriptivo con imágenes y bloques de información
- 2.3 Equipo con tarjetas y fotos
- 2.4 CTA final y formulario de contacto
SERVICES
- 3.1 Lista de servicios en tarjetas con iconos
- 3.2 Detalle de cada servicio en secciones colapsables
- 3.3 CTA a solicitud de presupuesto
PROJECTS
- 4.1 Galería tipo grid con filtrado por categoría
- 4.2 Modal de detalle de proyecto con imágenes y texto
BLOG
- 5.1 Lista de artículos con imagen destacada, título y extracto
- 5.2 Paginación y barra lateral de categorías
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa incrustado y datos de oficina
PROMPTS RELACIONADOS · SALUD Y MEDICINA