NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Lúmina Madrugada" (agencia digital) usando HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Emplea la paleta: #0A0A0A (fondo), #FFFFFF (texto), #E53935 (rojo accent), #F5F5F5 (gris claro) y #212121 (gris oscuro). Tipografía: Inter var (Google Fonts) para encabezados y cuerpo.
Estructura:
- <header class="fixed top-0 left-0 w-full bg-white shadow-md flex items-center justify-between px-6 py-4"> con logo SVG ficticio, menú horizontal (Home, About, Portfolio, Blog, Contact) y botón CTA "Contacta" con efecto hover que cambia a #E53935.
- Barra lateral izquierda con iconos de redes (Instagram, Dribbble, Twitter, LinkedIn) usando SVG inline, estilo vertical, fondo #0A0A0A, iconos en #FFFFFF y efecto glow al pasar.
- Hero princi
3.948 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.948 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 fijo con logo, menú y botón CTA
- 1.2 Barra vertical de redes sociales
- 1.3 Hero con título, subtítulo y párrafo
- 1.4 Contadores de logros (proyectos, clientes, años)
- 1.5 Bloque de iconos sociales bajo el hero
- 1.6 Elementos decorativos (líneas, borde dentado)
ABOUT
- 2.1 Cabecera con título y foto de presentación
- 2.2 Texto descriptivo de la agencia
- 2.3 Lista de valores y metodología
PORTFOLIO
- 3.1 Galería filtrable de proyectos con tarjetas hover
- 3.2 Modal de detalle del proyecto
BLOG
- 4.1 Lista de entradas con imagen, título y resumen
- 4.2 Paginación
CONTACT
- 5.1 Formulario de contacto (nombre, email, mensaje)
- 5.2 Información de contacto y mapa embed
- 5.3 Enlaces a redes sociales en footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL
