NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea en un único archivo HTML autocontenido (HTML + Tailwind CSS vía CDN + JavaScript vanilla, sin frameworks externos) la web corporativa de la marca ficticia 'Biolumen Research', un laboratorio de investigación biomédica y biotecnología aplicada. Claim: 'Ciencia rigurosa al servicio de la salud pública'. Dominio: biolumenresearch.com. Email: hola@biolumenresearch.com. Año 2025. Idioma: español de España. Todo el copy debe ser 100% original, sobrio, sin jerga marketinera, sin precios concretos.
ESTILO VISUAL Y SISTEMA DE DISEÑO
- Estética editorial científica, limpia, premium, con mucho aire blanco y composiciones tipo revista.
- Paleta: fondo principal blanco roto #F7F6F2, texto principal verde muy oscuro casi negro #0E1A14, acento verde botánico #2F5D3A, acento secundario beige cálido
8.188 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.188 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 Header sticky con navegación dropdown y CTA
- 1.2 Hero editorial con titular serif y visual de laboratorio
- 1.3 Banda de logos de instituciones colaboradoras
- 1.4 Bloque de 4 contadores de métricas
- 1.5 Grid de 6 áreas de investigación con iconos
- 1.6 Metodología científica con lista numerada
- 1.7 Grid de servicios del laboratorio
- 1.8 Caso de estudio destacado
- 1.9 Últimas publicaciones científicas
- 1.10 Equipo científico
- 1.11 Testimonios de instituciones
- 1.12 FAQ en acordeón
- 1.13 CTA final con formulario
- 1.14 Footer completo 4 columnas
SOBRE NOSOTROS
- 2.1 Header
- 2.2 Hero con titular sobre la misión del laboratorio
- 2.3 Historia en timeline vertical con hitos por año
- 2.4 Valores fundacionales en grid de 4 tarjetas
- 2.5 Galería de instalaciones en mosaico
- 2.6 Equipo directivo extendido con biografías
- 2.7 Reconocimientos y certificaciones
- 2.8 CTA contacto
- 2.9 Footer
SERVICIOS
- 3.1 Header
- 3.2 Hero con introducción a la oferta de servicios
- 3.3 Listado detallado de servicios con descripción larga e imagen
- 3.4 Proceso de trabajo en 5 pasos
- 3.5 Tabla comparativa de planes de colaboración
- 3.6 Testimonios específicos
- 3.7 CTA final
- 3.8 Footer
INVESTIGACIÓN
- 4.1 Header
- 4.2 Hero con filtros por área
- 4.3 Grid de proyectos de investigación con tag, título y descripción
- 4.4 Sección de publicaciones destacadas
- 4.5 Banner de descarga de informe anual
- 4.6 Footer
CASO DE ESTUDIO (detalle)
- 5.1 Header
- 5.2 Cabecera con categoría, título y metadatos (autor, fecha)
- 5.3 Imagen destacada ancha
- 5.4 Cuerpo del artículo con sumario lateral
- 5.5 Bloque de citas destacadas
- 5.6 Galería de resultados
- 5.7 Estudios relacionados
- 5.8 Footer
PUBLICACIONES
- 6.1 Header
- 6.2 Hero con buscador y filtros por año/categoría
- 6.3 Grid de publicaciones con paginación
- 6.4 Suscripción a newsletter científica
- 6.5 Footer
CONTACTO
- 7.1 Header
- 7.2 Hero con datos de contacto y mapa
- 7.3 Formulario amplio (nombre, institución, área, mensaje)
- 7.4 Bloque de oficinas con dirección y horario
- 7.5 Footer
PROMPTS RELACIONADOS · SALUD Y MEDICINA