NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia LumenSereno, una plataforma de desarrollo personal, usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura visual y de interacción del sitio de referencia, sin copiar textos ni imágenes. Utiliza la siguiente paleta de colores: #1A1A1A (fondo principal), #F5F5F5 (texto claro), #4A90E2 (acentos y botones), #E0E0E0 (bordes y fondos secundarios). Tipografía: Source Sans Pro (cargar desde Google Fonts, pesos 400 y 700).
**Header**: contenedor centrado, logo SVG a la izquierda, menú horizontal centrado con ítems: Agenda, Mi historia, Libros, Conferencias, Proyectos, Blog; estilo minimalista, subrayado suave al pasar el ratón. En móviles, botón hamburguesa que despliega un overlay verti
4.491 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.491 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 y menú principal centrado, botón hamburguesa para móviles
- 1.2 Hero con imagen de gran resolución, título destacado y breve descripción
- 1.3 Bloque de presentación personal con foto y texto introductorio
- 1.4 Galería de libros en rejilla de tarjetas
- 1.5 Sección de conferencias con lista de eventos próximos
- 1.6 Proyectos destacados en carrusel horizontal
- 1.7 Área de suscripción al newsletter con campo email y botón
- 1.8 Footer con enlaces a secciones, redes sociales y datos de contacto
HISTORIA
- 2.1 Título de la página y foto de portada
- 2.2 Texto narrativo dividido en párrafos con imagen acompañante
- 2.3 Llamada a la acción para contactar
LIBROS
- 3.1 Título de la página y filtro de categorías
- 3.2 Tarjetas de libros con portada, título, breve sinopsis y botón "Leer más"
- 3.3 Paginación al final
CONFERENCIAS
- 4.1 Título de la página y calendario de eventos
- 4.2 Lista de conferencias con foto, fecha, lugar y botón registro
PROYECTOS
- 5.1 Título de la página y carrusel de proyectos con imagen, nombre y descripción corta
BLOG
- 6.1 Listado de artículos con imagen destacada, título y extracto
- 6.2 Barra lateral con categorías y últimas entradas
CONTACTO
- 7.1 Formulario de contacto (nombre, email, mensaje) y mapa de ubicación
Imagen generada con OpenAI · gpt-image-2 · 16/06/2026
PROMPTS RELACIONADOS · BELLEZA / SPA
