NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una agencia digital ficticia llamada Lúmina Media (luminamedia.com). Utiliza HTML + Tailwind CDN en un único archivo con JavaScript vanilla para animaciones simples. Emplea la siguiente paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #E53935 (rojo accent), #F5F5F5 (gris claro), #212121 (gris oscuro). Tipografía: encabezados con "Playfair Display" (serif, weight 700) y cuerpo con "Inter" (sans, weight 400).
Estructura y componentes exactos:
**Header** (sticky, h‑16) con logo a la izquierda, menú horizontal (Home, About, Project, Blog, Contact) con efecto hover subrayado, y a la derecha un botón rojo "Reserva una llamada" con doble capa de texto para animación.
**Sección 1 – Hero** (full‑width, min‑h‑screen, centered). Contenedor con etiqueta
4.633 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.633 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 Cabecera fija con logo, menú y botón CTA.
- 2.1 Hero tag line con icono y texto.
- 2.2 Título principal dividido en tres líneas, emojis decorativos.
- 2.3 Texto descriptivo breve.
- 2.4 Botón principal "Reserva una llamada".
- 3.1 Video de fondo a pantalla completa, autoplay, loop, muted.
- 4.1 Carrusel de logotipos de clientes (marquee continuo).
- 5.1 Sección "Sobre nosotros" con subtítulo, título destacado, texto explicativo.
- 5.2 Contador 1: "172+" proyectos digitales lanzados.
- 5.3 Contador 2: "500" minutos promedio de consultoría.
- 5.4 Contador 3: "120%" satisfacción del cliente.
- 6.1 Footer: enlaces de navegación, redes sociales, información de contacto.
ABOUT
- 1.1 Cabecera idéntica a Home.
- 2.1 Imagen o video introductivo.
- 2.2 Texto largo sobre la agencia.
- 3.1 Equipo (tarjetas con foto y descripción).
- 4.1 CTA para contactar.
PROJECT
- 1.1 Cabecera.
- 2.1 Galería de proyectos en grid responsive.
- 3.1 Filtros por categoría.
- 4.1 Modal o página detalle del proyecto.
BLOG
- 1.1 Cabecera.
- 2.1 Lista de artículos en formato tarjeta.
- 3.1 Paginación.
- 4.1 Sidebar con categorías y suscripción.
CONTACT
- 1.1 Cabecera.
- 2.1 Formulario de contacto (nombre, email, mensaje).
- 3.1 Mapa incrustado.
- 4.1 Información de contacto y redes sociales.
PROMPTS RELACIONADOS · AGENCIA DIGITAL
