NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Agencia Neon" (agencia digital de diseño UI/UX) usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce la estructura y estilo del diseño analizado:
- Paleta de colores: #0A0A0A (background negro), #FFFFFF (texto blanco), #F5A623 (accent naranja), #4A90E2 (accent azul), #CCCCCC (gris neutro).
- Tipografía: "Inter" para encabezados y cuerpo, peso 400‑700, tamaños fluidos (responsive).
- Header: barra fija con logo (texto Luminex), menú horizontal (About, Projects, Blog), botón blanco con texto "Get started" y icono placeholder, botón hamburguesa para móvil.
- Hero: grid de dos columnas, imagen a la derecha (placeholder), título grande "Agencia Neon", párrafo descriptivo con fragmentos resaltados en
3.549 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.549 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 Navbar con logo, menú y botón principal
- 1.2 Hero con imagen de fondo, título, descripción resaltada y CTA + enlaces sociales
- 1.3 About con título destacado, frase inspiradora y cuadrícula de logos de stack con información emergente
- 1.4 Projects con encabezado y tres columnas de tarjetas de proyecto con hover
- 1.5 Footer con enlaces a secciones, datos de contacto y redes sociales
ABOUT
- 2.1 Header interno con logo y menú
- 2.2 Bloque de texto descriptivo sobre la agencia
- 2.3 Lista de valores y metodología
- 2.4 Equipo con fotos y bios
- 2.5 CTA de contacto
PROJECTS
- 3.1 Header interno con logo y menú
- 3.2 Grid de proyectos filtrables por categoría
- 3.3 Detalle de proyecto (imágenes, descripción, resultados)
- 3.4 CTA para solicitar propuesta
BLOG
- 4.1 Header interno con logo y menú
- 4.2 Lista de artículos con imagen, título, extracto y fecha
- 4.3 Sidebar con categorías y newsletter
- 4.4 Paginación
CONTACT
- 5.1 Header interno con logo y menú
- 5.2 Formulario de contacto (nombre, email, mensaje)
- 5.3 Información de contacto y mapa integrado
- 5.4 CTA de redes sociales
PROMPTS RELACIONADOS · AGENCIA DIGITAL
