NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia LumenBio, una empresa de soluciones para laboratorios y biotecnología. Utiliza HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: #0A2740 (azul marino profundo), #1E4A7B (azul medio), #4A90E2 (azul vibrante), #F5F7FA (gris muy claro), #FFFFFF (blanco). Tipografía: "Inter" para títulos y "Source Sans Pro" para cuerpo, ambas importadas de Google Fonts.
Estructura el sitio con las secciones descritas en "secciones" y "tabla":
1. Header fijo con logo (texto LumenBio) a la izquierda, menú principal con enlaces: "Inicio", "Servicios", "Casos", "Blog", "Contacto". Cada elemento de menú abre un dropdown multi‑columna cuando corresponde (Servicios y Casos) mostrando enlaces internos. A la
3.970 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.970 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 Barra de navegación fija con logo, enlaces principales y dropdowns multi‑columna
- 1.2 Botón de carrito emergente y acceso a plantillas externas
- 1.3 Hero principal con fondo visual y llamado a la acción
- 1.4 Bloque de presentación de servicios con iconos y breves descripciones
- 1.5 Sección de casos de estudio con tarjetas de imagen y texto
- 1.6 Área de blog o publicaciones recientes
- 1.7 Formulario de suscripción al boletín
- 1.8 Footer con enlaces de empresa, recursos, legal y redes sociales
SERVICIOS
- 2.1 Hero interno con título y subtítulo
- 2.2 Lista de servicios en tarjetas con icono, título y descripción
- 2.3 CTA para solicitar información
- 2.4 Footer idéntico al de HOME
CASOS
- 3.1 Cabecera de página con título
- 3.2 Grid de casos de estudio en tarjetas, cada una con imagen, categoría y extracto
- 3.3 Paginación simple
- 3.4 Footer idéntico al de HOME
BLOG
- 4.1 Lista de artículos en tarjetas con imagen, fecha y extracto
- 4.2 Barra lateral con filtros y suscripción
- 4.3 Footer idéntico al de HOME
CONTACTO
- 5.1 Formulario de contacto con campos de nombre, email, asunto y mensaje
- 5.2 Mapa estático o ilustración
- 5.3 Información de contacto y horarios
- 5.4 Footer idéntico al de HOME
PROMPTS RELACIONADOS · MODA
