NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a complete single‑file website for the fictitious brand LumenCrest (lumencrest.com). The site must be built with plain HTML, Tailwind CSS CDN, and vanilla JavaScript. Replicate the visual patterns of the reference template: a dark, minimal aesthetic with a full‑width hero section that cycles through five background images, a double title (brand name and subtitle), a row of category tags (Escritura, Vídeo, Minimalismo, Viaje) displayed as small capsules, and a rotating location component that shows "Currently in" and "Next Stop" with city names. Below the hero place two secondary call‑to‑action buttons ("Leer los blogs" and "Ver los vlogs") styled with a subtle border and arrow icons.
Header: fixed top navigation, transparent background, logo placeholder (SVG shape), links: Acerca,
4.121 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.121 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 carrusel de imágenes de fondo y superposición de títulos
- 1.2 Metadatos de categorías (Escritura, Vídeo, Minimalismo, Viaje)
- 1.3 Indicador de ubicación rotativa (ciudad actual / próxima parada)
- 1.4 Grupo de botones secundarios para acceder a blogs y vlogs
- 1.5 Navegación principal fija con logo, enlaces (Acerca, Blogs, Vlogs, Contacto) y menú hamburguesa
- 1.6 Footer minimalista con enlaces de redes y información de derechos
ABOUT
- 2.1 Sección introductoria con foto del autor y descripción del proyecto
- 2.2 Lista de valores y misión en tarjetas horizontales
- 2.3 Botón de contacto
BLOGS
- 3.1 Grid de tarjetas de artículos con imagen, título, extracto y etiquetas
- 3.2 Paginación inferior
- 3.3 Sidebar con categorías y últimos posts
VLOGS
- 4.1 Galería de videos en mosaico, cada uno con miniatura y duración
- 4.2 Filtro por tema
- 4.3 Botón para suscribirse al canal
CONTACT
- 5.1 Formulario de contacto (nombre, email, mensaje)
- 5.2 Mapa incrustado con ubicación de la oficina
- 5.3 Información de contacto y enlaces a redes sociales
PROMPTS RELACIONADOS · VIAJES Y TURISMO
