NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web de una sola página para la marca ficticia "Tremolo Lúmina" (tremololumina.com). Utiliza HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: fondo #F5F7FA, contenedores #FFFFFF, acento #4A90E2, texto primario #212529, texto secundario #6C757D, sombra ligera #E0E0E0. Tipografía: Inter (Google Fonts) para títulos y texto, peso 400‑700.
HEADER: barra fija con logo a la izquierda (texto "Tremolo Lúmina" en Inter bold, color acento) y menú de navegación centrado (Home, Works, Contact). En móvil, colapsa a botón hamburger con animación de tres líneas. Enlaces con flecha derecha dentro de círculo, color acento.
SECCIÓN HERO: grid de dos columnas (md:grid-cols-2). Izquierda: imagen de presentación (placeholder 600x800, es
3.972 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.972 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 Encabezado con logo, menú de navegación y botón de menú móvil
- 1.2 Hero con imagen a la izquierda, título, descripción y botón principal
- 1.3 Iconos de redes sociales flotantes bajo el hero
- 1.4 Cuadrícula de trabajos: tarjetas con imagen, nombre, año y flecha de enlace
- 1.5 Footer minimalista con copyright y enlaces rápidos
WORKS
- 1.1 Lista de proyectos con filtro por categoría
- 1.2 Tarjeta de proyecto: imagen destacada, título, año, breve descripción
- 1.3 Navegación interno a proyecto individual
CONTACT
- 1.1 Formulario de contacto simple (nombre, email, mensaje)
- 1.2 Información de contacto y mapa embed
- 1.3 Enlaces a redes sociales
PROMPTS RELACIONADOS · MISCELLANEOUS

