NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo (HTML único + TailwindCSS CDN + JavaScript vanilla) para la marca ficticia MiraLuz Media. El proyecto debe reproducir fielmente la UI del sitio analizado, sin copiar textos ni imágenes originales. Utiliza los siguientes elementos:
- Paleta de colores: #ececec (gris claro), #cd0000 (rojo), #ffeb00 (amarillo), #000000 (negro), #ffffff (blanco).
- Tipografía: "Playfair Display" para títulos (serif) y "Inter" para cuerpo y menús (sans).
- Header fijo con logo a la izquierda y menú horizontal (Home, Insights, Contact). Botón hamburguesa colapsable en móvil.
- Sección Hero tipo grid de tarjetas "sticky-section" que se apilan verticalmente. Cada tarjeta contiene:
* Contenedor izquierdo con categoría (enlace), título (enlace), breve descripción y enlace "Read
3.799 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.799 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 y navegación
- 1.2 Tarjeta artículo 1 (fondo #ececec, texto negro)
- 1.3 Tarjeta artículo 2 (fondo #cd0000, texto blanco, invertida)
- 1.4 Tarjeta artículo 3 (fondo negro, texto blanco)
- 1.5 Tarjeta portada grande (fondo negro, texto blanco)
- 1.6 Tarjeta artículo 4 (fondo amarillo, texto negro, invertida)
- 1.7 Tarjeta artículo 5 (fondo #ececec, texto negro)
- 1.8 Footer con enlaces y redes
INSIGHTS
- 1.1 Header reutilizado
- 1.2 Grid de artículos en tres columnas
- 1.3 Footer reutilizado
CONTACT
- 1.1 Header
- 1.2 Formulario de contacto simple (campos nombre, email, mensaje)
- 1.3 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
