NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Estudio Lúmina" (agencia digital) usando solo HTML estático, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Sigue estrictamente la estructura y estilo del sitio analizado, pero sin copiar texto ni imágenes originales. Utiliza los siguientes parámetros:
- Paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #FF4D4D (rojo coral para botones y acentos), #F2F2F2 (gris claro de fondo), #333333 (texto secundario).
- Tipografía: "Inter" para cuerpo y menús, "Playfair Display" para encabezados principales. Carga fuentes desde Google Fonts.
- Header: barra fija con logo de texto "Estudio Lúmina" (SVG simple), menú horizontal con enlaces Home, About, Project, Blog, Contact y botón destacado "Book a call" con fondo rojo coral.
4.206 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.206 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 Header con logo, navegación y CTA
- 2.1 Hero tag y subtítulo
- 2.2 Hero heading dividido en tres líneas con iconos decorativos
- 2.3 Texto descriptivo y botón principal
- 3.1 Sección de vídeo de fondo automático y looping
- 4.1 Marquee de logos de clientes
- 5.1 Bloque "About us" con título, párrafo y rating tag
- 5.2 Contador de proyectos digitales lanzados
- 5.3 Contador de presupuesto mínimo
- 6.1 Footer (logo, enlaces rápidos, redes sociales)
ABOUT
- 1.1 Header (reutilizado)
- 2.1 Imagen o ilustración introductoria
- 2.2 Texto institucional y valores
- 3.1 Equipo destacado en tarjetas
- 4.1 CTA a contacto
PROJECT
- 1.1 Header
- 2.1 Galería de proyectos en grid responsive
- 3.1 Filtros por categoría
- 4.1 Detalle de proyecto con imágenes y descripción
- 5.1 CTA a caso de estudio
BLOG
- 1.1 Header
- 2.1 Lista de artículos en tarjetas con imagen, título y extracto
- 3.1 Paginación
- 4.1 Sidebar con categorías y newsletter
CONTACT
- 1.1 Header
- 2.1 Formulario de contacto simple (nombre, email, mensaje)
- 3.1 Información de contacto y mapa embebido
- 4.1 CTA a agendar llamada
PROMPTS RELACIONADOS · PORTAFOLIO
