NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página (HTML) usando Tailwind CSS vía CDN y JavaScript vanilla (un solo archivo). Marca ficticia: NexuTech, dominio nexutech.com, claim "Soluciones técnicas fiables y rápidas". Reproduce la estructura visual del sitio analizado sin copiar contenido textual.
**Paleta de colores** (modo oscuro):
- Fondo principal: #0A0A0A
- Card/background secundario: #151515
- Texto principal: #FFFFFF
- Texto secundario: #CCCCCC
- Azul acento: #2563EB
- Verde acento: #10B981
**Tipografía**: Inter (Google Fonts) para todo el sitio, peso 400 y 600 para títulos.
**Header**: barra fija con logotipo (placeholder SVG), menú horizontal (Home, About, Services, Blog, Contact) y botón primario "Request a Repair Today" en azul. En móviles, colapsar en hamburguesa que desplieg
4.016 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.016 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 logotipo, menú principal, botón destacado y hamburguesa móvil
- 1.2 Hero con fondo de imagen, título h1, subtítulo, botón primario y enlaces a redes sociales
- 1.3 Bloque "Sobre nosotros" con imagen lateral, título h2, párrafos descriptivos y marcas de clientes
- 1.4 Sección de servicios con título h2, descripción y tarjetas dinámicas (imagen, título, texto y botón "Learn More")
- 1.5 Footer con columnas de navegación, contacto y enlaces a políticas, más iconos de redes sociales
ABOUT
- 1.1 Header (reutilizado)
- 1.2 Imagen principal y texto descriptivo de la empresa
- 1.3 Equipo y valores (bloques de texto e imágenes)
- 1.4 Footer (reutilizado)
SERVICE
- 1.1 Header (reutilizado)
- 1.2 Lista de servicios en tarjetas con imagen, título, descripción y CTA
- 1.3 Testimonios (bloque de carrusel simple)
- 1.4 Footer (reutilizado)
BLOG
- 1.1 Header (reutilizado)
- 1.2 Grid de entradas del blog con miniatura, título, extracto y botón "Leer más"
- 1.3 Sidebar con categorías y últimos artículos
- 1.4 Footer (reutilizado)
CONTACT
- 1.1 Header (reutilizado)
- 1.2 Formulario de contacto (nombre, email, asunto, mensaje, botón enviar)
- 1.3 Información de contacto y mapa incrustado
- 1.4 Footer (reutilizado)
PROMPTS RELACIONADOS · EDUCACIÓN
