NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Lab Rubí" (labrubi.com) usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. El proyecto debe reproducir el diseño y la estructura del sitio analizado, respetando los siguientes requisitos:
- **Paleta de colores**: #0F766E (verde esmeralda profundo), #10B981 (verde menta), #F0FDF4 (verde muy claro), #111827 (gris casi negro), #FFFFFF (blanco).
- **Tipografía**: Fuente principal "Inter" para títulos y texto, peso 400‑600, tamaños relativos de Tailwind (text-4xl, text-lg, etc.).
- **Header**: Navbar fija, logo a la izquierda (placeholder), menú horizontal con enlaces Home, Sobre nosotros, Servicios, Testimonios, Blog, Contacto. En móvil, icono hamburguesa que despliega el menú lateral. Botón destacado "Solicitar ci
4.447 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.447 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ú de enlaces
- 1.2 Hero principal con título destacado, subtítulo, botón principal y carrusel de imágenes 3D
- 1.3 Sección "Sobre nosotros" con texto descriptivo y llamada a la acción
- 1.4 Cuadrícula de servicios destacados (4 tarjetas) con íconos y breves descripciones
- 1.5 Testimonios en carrusel horizontal
- 1.6 Área de artículos o blog con tarjetas de última publicación
- 1.7 Formulario de solicitud de cita rápida
- 1.8 Footer con enlaces institucionales, redes sociales y datos de contacto
SERVICIOS
- 2.1 Encabezado de página con título y breadcrumb
- 2.2 Lista de servicios en tarjetas con icono, nombre y descripción corta
- 2.3 CTA para agendar cita
- 2.4 Footer común
ARTICULOS
- 3.1 Encabezado de blog con título
- 3.2 Lista de artículos en tarjetas con imagen, título, extracto y enlace
- 3.3 Paginación
- 3.4 Footer común
CONTACTO
- 4.1 Formulario de contacto completo (nombre, email, teléfono, mensaje)
- 4.2 Mapa incrustado
- 4.3 Información de oficina y horarios
- 4.4 Footer común
PROMPTS RELACIONADOS · TECNOLOGÍA
Otros prompts de la misma categoría
PROMPTTecnología
Lumenova Labs
★★★★★ 885 descargas
GRATIS0€
PROMPTTecnología
LumenSpark
★★★★★ 2.148 descargas
GRATIS0€
PROMPTTecnología
Lumenova Apps
★★★★★ 2.277 descargas
GRATIS0€
google/gemini-2.5-flash-image
PROMPTTecnología
Lectorio
★★★★★ 3.191 descargas
GRATIS0€
google/gemini-2.5-flash-image