NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página (HTML) usando Tailwind CSS vía CDN y JavaScript vanilla, que reproduzca el diseño visual y la estructura de la web analizada, pero con la marca ficticia Media Lumen. La página debe incluir:
- Paleta de colores: fondo #0A0A0A (negro profundo), texto principal #E0E0E0 (gris claro), acento primario #8A2BE2 (violeta brillante), acento secundario #FF6F61 (coral suave).
- Tipografía: "Inter" para textos y "Playfair Display" para encabezados, ambas importadas desde Google Fonts.
- Header: barra fija superior con logo circular (placeholder SVG), nombre de la marca, y menú horizontal con enlaces Home, About Me, Services, Projects, Case Studies, Blog, Contact. En móvil, menú colapsable tipo hamburger.
- Hero: sección a pantalla completa con fondo oscuro
3.867 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.867 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 con logo, barra de navegación y enlaces principales
- 1.2 Banner hero con imagen de fondo oscuro y llamado a la acción
- 1.3 Sección "Creative Edge" con tarjetas de proyectos destacados
- 1.4 Sección "Awards" con iconos y logotipos de reconocimiento
- 1.5 Sección "Testimonials" con carrusel de opiniones
- 1.6 Sección "Contact" con formulario rápido y datos de contacto
- 1.7 Pie de página con enlaces adicionales y redes sociales
ABOUT ME
- 2.1 Cabecera simplificada
- 2.2 Foto de perfil y breve biografía
- 2.3 Lista de habilidades y experiencia
- 2.4 Botón de descarga de CV
- 2.5 Footer común
SERVICES
- 3.1 Cabecera con título "Servicios"
- 3.2 Grid de tarjetas descriptivas de cada servicio
- 3.3 CTA para contratar
- 3.4 Footer común
PROJECTS
- 4.1 Cabecera con filtro de categorías
- 4.2 Grid de miniaturas de proyectos con hover overlay
- 4.3 Paginación o carga más
- 4.4 Footer común
CASE STUDIES
- 5.1 Cabecera con título de estudio de caso
- 5.2 Galería de imágenes y texto descriptivo
- 5.3 Resultado y métricas
- 5.4 CTA a proyecto completo
- 5.5 Footer común
BLOG
- 6.1 Lista de artículos con tarjetas
- 6.2 Sidebar con categorías y archivo
- 6.3 Paginación
- 6.4 Footer común
CONTACT
- 7.1 Formulario de contacto con campos nombre, email, mensaje
- 7.2 Información de contacto rápido y mapa embed
- 7.3 Footer común
PROMPTS RELACIONADOS · AGENCIA DIGITAL
