NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CDN y JavaScript vanilla (un solo archivo) inspirado en la estructura y estética de una landing page de agencia creativa. Marca ficticia: Lúmenes Studio (lumenesstudio.com).
ESTILO:
- Paleta monocromática: #000000 (negro), #ffffff (blanco), #f5f5f5 (gris muy claro) para fondos secundarios.
- Tipografía: Use 'Inter' para títulos y cuerpo, pesos 400 y 700.
- Animaciones sutiles con CSS (fade‑in, slide‑up) y una animación Lottie simple integrada mediante iframe o script externo.
ESTRUCTURA:
1. Header (sticky)
- Logo a la izquierda (texto Lúmenes Studio).
- Texto pequeño a la derecha: "Agencia creativa digital".
- Icono de menú hamburguesa que abre un overlay.
2. Overlay menu
- Fondo oscuro semi‑transparente.
- Enlaces verticale
3.966 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.966 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 Encabezado fijo con logo y menú hamburguesa
- 2.1 Menú overlay con enlaces de navegación (Home, About, Pricing, News, Contact)
- 3.1 Hero con título fragmentado y animación de scroll
- 4.1 Cuadrícula de presentación con tarjetas enlazadas a distintas páginas de muestra
ABOUT
- 1.1 Encabezado fijo
- 2.1 Bloque de texto descriptivo sobre la agencia
- 3.1 Imagen o galería de equipo
PRICING
- 1.1 Encabezado fijo
- 2.1 Tabla comparativa de planes
- 3.1 Botón de llamado a acción
NEWS
- 1.1 Encabezado fijo
- 2.1 Listado de artículos con imagen destacada y extracto
- 3.1 Paginación
CONTACT
- 1.1 Encabezado fijo
- 2.1 Formulario de contacto (nombre, email, mensaje)
- 3.1 Información de contacto y mapa embed
WORK
- 1.1 Encabezado fijo
- 2.1 Galería de proyectos en cuadrícula
- 3.1 Detalle de proyecto individual al hacer clic
PROMPTS RELACIONADOS · AGENCIA DIGITAL
