NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "LuzCanto" (plataforma de contenidos) usando exclusivamente HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo. El diseño debe replicar la siguiente estructura y estilo:
- **Paleta de colores**: fondo #0A0A0A (casi negro), acentos #1F1F1F, texto primario #E0E0E0, texto secundario #A0A0A0, botones #FF5722 y hover #E64A19.
- **Tipografía**: fuente principal "Inter" (carga desde Google Fonts), pesos 400 y 700.
- **Header**: barra de navegación fija, logo tipo texto "LuzCanto" en negrita, enlaces: About, Blogs, Vlogs, Contact. Menú hamburguesa en móvil que despliega un overlay con los enlaces.
- **Hero** (sección principal): contenedor de 100vh con cinco imágenes de fondo (use placeholders via unsplash.com) que cambian con un fade
3.827 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.827 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 Hero con imágenes de fondo rotativas y encabezados superpuestos
- 1.2 Área de información de ubicación con flip‑cards
- 1.3 Botones de llamada a la acción (Leer blogs, Ver vlogs)
- 1.4 Navegación principal con menú hamburguesa
- 1.5 Footer con enlaces y redes sociales
ABOUT
- 2.1 Sección de presentación del proyecto
- 2.2 Texto descriptivo y foto del equipo
- 2.3 Botón volver al inicio
BLOGS
- 3.1 Lista de tarjetas de artículos con imagen, título y extracto
- 3.2 Paginación simple
- 3.3 Sidebar con categorías y últimos posts
VLOGS
- 4.1 Galería de tarjetas de vídeo con miniatura y título
- 4.2 Reproductor embed responsive
- 4.3 Botón cargar más
CONTACT
- 5.1 Formulario de contacto (nombre, email, mensaje)
- 5.2 Información de contacto y mapa embebido
- 5.3 Botón enviar
PROMPTS RELACIONADOS · VIAJES Y TURISMO
