NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Nexia Tech" (agencia digital) usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto), #1E3A8A (azul primary), #2563EB (azul accent), #F3F4F6 (gris claro). Tipografía: "Inter" para encabezados y cuerpo, importada de Google Fonts.
Estructura general:
- Header fijo con fondo oscuro, logo (texto Nexia Tech en blanco), menú principal con enlaces: Overview, About, Services, Projects, Blog, Contact. Cada enlace abre un dropdown multicolumna cuando corresponde (Pages, Company, Utility) con enlaces de muestra.
- Botones a la derecha: "More Templates" (estilo secundario) y "Buy Nexia" (estilo primario). En móvil, colapsar a ícono de
4.284 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.284 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, navegación principal, dropdowns multicolumna y botones de acción
- 1.2 Sección hero principal: badge, encabezado H2, subtítulo, botones CTA
- 1.3 Grid hero con slider de capturas de pantalla
- 1.4 (otras secciones posteriores del home, p.ej. servicios, testimonios, clientes, contacto)
ABOUT
- 2.1 Header reutilizado
- 2.2 Título de página y bloque de presentación de la empresa
- 2.3 Valores y equipo (grid de tarjetas)
SERVICES
- 3.1 Header reutilizado
- 3.2 Lista de servicios en formato tarjetas con íconos
- 3.3 Detalle de servicio individual (página separada)
PROJECTS
- 4.1 Header reutilizado
- 4.2 Galería de proyectos en tarjetas con filtro
- 4.3 Detalle de proyecto (página individual)
BLOG
- 5.1 Header reutilizado
- 5.2 Lista de entradas de blog en tarjetas con imágenes
- 5.3 Entrada de blog individual
CONTACT
- 6.1 Header reutilizado
- 6.2 Formulario de contacto con campos básicos
- 6.3 Información de contacto y mapa integrado
FOOTER (común a todas las páginas)
- F.1 Logo y breve descripción
- F.2 Menú de enlaces rápidos (empresa, servicios, legal)
- F.3 Iconos de redes sociales
- F.4 Copyright y política de privacidad
PROMPTS RELACIONADOS · EDUCACIÓN
