NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Eventos Atlas (agencia digital) usando un único archivo HTML con Tailwind CSS CDN y JavaScript vanilla. La web debe incluir:
- Paleta de colores: #0D0D0D (fondo negro), #FFFFFF (texto), #E0E0E0 (gris claro), #FF6F61 (acento coral), #1A73E8 (enlaces azul).
- Tipografía: 'Inter' para títulos y párrafos, cargar desde Google Fonts.
- Header fijo con logo texto "Eventos Atlas", menú horizontal (Home, About, Work, News, Contact) y botón de carrito que muestra número de ítems. Debe colapsar a ícono hamburguesa en móvil.
- Hero principal: fondo degradado oscuro a coral, título grande "Conectamos ideas y código" y subtítulo centrado. Botón CTA "Descubre más" que enlaza a la sección de servicios.
- Sección Servicios: tres columnas, cada una con
3.732 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.732 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 Barra de navegación fija con logo, menú horizontal y acceso al carrito
- 1.2 Hero con título grande y subtítulo centrado
- 1.3 Sección de servicios en tres columnas con iconos
- 1.4 Galería de proyectos tipo grid con overlay
- 1.5 Bloque de testimonios con carrusel simple
- 1.6 Llamado a la acción con botón destacado
- 1.7 Footer con enlaces de navegación, redes y datos de contacto
ABOUT
- 2.1 Hero interior con título y descripción breve
- 2.2 Historia de la agencia en dos columnas
- 2.3 Equipo con tarjetas de perfil
- 2.4 Valores en iconos con texto
- 2.5 Footer común
WORK
- 3.1 Hero interior con título y filtro de categorías
- 3.2 Grid de proyectos con tarjetas ampliables
- 3.3 Detalle de proyecto (imagen, descripción, créditos)
- 3.4 Footer común
NEWS
- 4.1 Hero interior con título
- 4.2 Lista de artículos en formato tarjeta
- 4.3 Paginación simple
- 4.4 Footer común
CONTACT
- 5.1 Hero interior con título
- 5.2 Formulario de contacto (nombre, email, mensaje, botón)
- 5.3 Mapa incrustado
- 5.4 Información de contacto y redes
- 5.5 Footer común
PROMPTS RELACIONADOS · ENTRETENIMIENTO
