NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo llamado **Lab Alba** (dominio: labalba.com) con el siguiente stack: un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks) para interactividad ligera. Reproduce fielmente la estructura y estilo del sitio de helpdesk proporcionado, pero con contenido original en español de España y usando la marca ficticia.
**Paleta de colores** (extraída y adaptada):
- Azul principal: #2b78be
- Rojo acento: #d54c4c
- Morado acento: #8659c5
- Naranja acento: #f28023
- Fondo oscuro (hero): #1a1a1a
- Texto claro: #ffffff
- Texto oscuro: #2d2d2d
**Tipografía**: Usa Google Font **Inter** para encabezados y body.
**Header**: barra de navegación fija, fondo oscuro, logo a la izquierda (texto "Lab Alba"), menú horizontal con enlaces: Inicio, Base
4.638 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.638 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 y menú principal
- 1.2 Hero con título, subtítulo y enlaces rápidos
- 1.3 Bloque de acceso rápido a tres secciones principales
- 1.4 Artículos destacados (grid 3 columnas)
- 1.5 Noticias, Eventos y FAQs en columnas paralelas
- 1.6 CTA de contacto con horarios y botones
BASE DE CONOCIMIENTOS
- 2.1 Lista de categorías y artículos con etiquetas de color
- 2.2 Barra lateral de filtrado (opcional)
NOTICIAS
- 3.1 Lista de entradas con fecha, icono y título
- 3.2 Enlace "Ver todo"
EVENTOS
- 4.1 Lista de eventos con fecha completa y título
- 4.2 Enlace "Ver todo"
FAQS
- 5.1 Lista de preguntas colapsables
- 5.2 Enlace "Ver todo"
CONTACTO
- 6.1 Información de horario y formulario de contacto simple
- 6.2 Botones de acceso rápido a FAQs y ayuda general
PROMPTS RELACIONADOS · TECNOLOGÍA