NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **VitaNova Labs** (investigación biomédica) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Reproduce fielmente la arquitectura visual del sitio original sin copiar texto:
- **Paleta de colores**: #0A0A0A (negro profundo), #FFFFFF (blanco), #1A73E8 (azul accent), #E0E0E0 (gris claro).
- **Tipografía**: Inter (sans‑serif) para todo el sitio, tamaños H1 4rem, H2 2.5rem, párrafos 1rem.
- **Header**: barra fija con logo a la izquierda, menú de enlaces (Homepage, Technology, Values, Advantage, Blog, Templates) centrado y botón de contacto a la derecha con icono de flecha. Menú colapsable en móvil con icono “plus”.
- **Hero**: título grande "Gray Labs" (adaptado a "VitaNova Labs") con animación de letras q
4.013 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.013 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 con logo, menú y botón de contacto
- 1.2 Hero principal con título animado y slider de artículos destacados
- 1.3 Bloque Introductorio "Innovating Breakthroughs"
- 1.4 Sub‑bloque Our Bio (texto descriptivo)
- 1.5 Sub‑bloque Expertise (lista numerada de 5 áreas)
- 1.6 Imagen decorativa lateral
- 1.7 Footer con enlaces y datos de contacto
BLOG
- 2.1 Lista de artículos en formato grid simple
- 2.2 Cada artículo con título, extracto y enlace a detalle
CONTACTO
- 3.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 3.2 Información de ubicación y teléfono
- 3.3 Mapa estático integrado
PROMPTS RELACIONADOS · SALUD Y MEDICINA