NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web corporativa completa en un único archivo HTML usando Tailwind CSS por CDN y JavaScript vanilla, sin frameworks ni dependencias externas más allá de Tailwind. La web es para una marca ficticia llamada Helixar Biolabs, un laboratorio de investigación biomédica y biotecnología aplicada con sede en Barcelona. Claim: "Ciencia rigurosa para preguntas difíciles". Dominio helixarbiolabs.com, email hola@helixarbiolabs.com, año 2025. El tono debe ser sobrio, científico, editorial y profesional, en español de España, verbos activos, sin jerga marketinera ni precios concretos.
ESTÉTICA Y SISTEMA VISUAL:
- Paleta: fondo principal blanco hueso #F7F5F1, texto principal #0F1411 (verde-negro muy oscuro), acento verde laboratorio #2F5D4A, acento secundario beige cálido #D9CDB8, gris medio #6B6
8.994 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.994 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 fijo con navegación dropdown multinivel
- 1.2 Hero editorial con imagen de laboratorio
- 1.3 Banda de instituciones colaboradoras
- 1.4 Grid de servicios con iconos
- 1.5 Sobre nosotros con métricas
- 1.6 Áreas de investigación en tarjetas
- 1.7 Caso de estudio destacado
- 1.8 Proceso metodológico en 4 pasos
- 1.9 Publicaciones recientes
- 1.10 Equipo científico
- 1.11 Testimonios de partners
- 1.12 CTA final oscuro
- 1.13 Footer extenso con newsletter
SERVICIOS
- 2.1 Hero compacto con título de página y breadcrumb
- 2.2 Introducción a los servicios con texto editorial a dos columnas
- 2.3 Listado detallado de servicios con imagen alterna izquierda/derecha
- 2.4 Tabla comparativa de capacidades técnicas
- 2.5 CTA de solicitud de propuesta
- 2.6 Footer
INVESTIGACIÓN
- 3.1 Hero con filtro por áreas temáticas
- 3.2 Grid de proyectos de investigación con tarjetas
- 3.3 Línea temporal de hitos científicos
- 3.4 Bloque de colaboraciones internacionales
- 3.5 Footer
CASO DE ESTUDIO
- 4.1 Cabecera con título, metadatos del estudio y imagen principal
- 4.2 Resumen ejecutivo a dos columnas
- 4.3 Contenido del estudio con secciones, citas y gráficos
- 4.4 Galería de resultados
- 4.5 Casos relacionados
- 4.6 Footer
SOBRE NOSOTROS
- 5.1 Hero con manifiesto del laboratorio
- 5.2 Historia con línea temporal vertical
- 5.3 Valores en grid de 3 columnas
- 5.4 Equipo completo en grid amplio
- 5.5 Instalaciones con galería
- 5.6 Footer
PUBLICACIONES
- 6.1 Hero con buscador y filtros por revista/año
- 6.2 Listado de publicaciones con metadatos
- 6.3 Paginación
- 6.4 Footer
PUBLICACIÓN INDIVIDUAL
- 7.1 Cabecera con título, autores y fecha
- 7.2 Abstract destacado
- 7.3 Cuerpo del artículo
- 7.4 Referencias y descarga PDF
- 7.5 Footer
PLANES
- 8.1 Hero con título de servicios contractuales
- 8.2 Tarjetas de planes en 3 columnas con características
- 8.3 FAQ en acordeón
- 8.4 Footer
CONTACTO
- 9.1 Hero con datos de contacto y mapa
- 9.2 Formulario amplio con campos de proyecto
- 9.3 Direcciones de sedes
- 9.4 Footer
404
- 10.1 Pantalla completa con código de error grande, mensaje y enlace a inicio
- 10.2 Footer mínimo
PROMPTS RELACIONADOS · SALUD Y MEDICINA