NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Saber Bahía** utilizando **HTML** estático, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. La web debe ser responsiva y reproducir fielmente la estructura y estilo visual del sitio analizado, sin copiar ningún contenido textual.
**Alcance**:
- Header con barra superior que incluye logo (SVG placeholder) y botón de menú hamburguesa. El menú overlay se abre con animación, muestra logo, breve descripción, una cuadrícula de miniaturas de casos de estudio y enlaces a redes sociales. En versión desktop, navbar fija con logo, enlaces principales (Home, Pages, Blog, Case studies, Pricing) y dropdowns que revelan sub‑enlaces al hacer hover.
- Hero principal: fondo sólido oscuro, título grande en blanco, subtítulo gris claro
4.474 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.474 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 superior con logo y botón de menú hamburguesa
- 1.2 Menú overlay con logo, descripción breve y miniaturas de casos
- 1.3 Navbar desktop con logo, enlaces principales y dropdowns
- 1.4 Hero principal con título, subtítulo y botón CTA
- 1.5 Sección de proyectos destacados en cuadrícula con imágenes hover
- 1.6 Área de servicios con tarjetas descriptivas
- 1.7 Testimonios con cita y foto del cliente
- 1.8 Llamado a contacto con formulario breve
- 1.9 Footer con enlaces institucionales, redes sociales y datos de contacto
ABOUT
- 2.1 Hero interno con título y párrafo introductorio
- 2.2 Historia de la empresa en dos columnas de texto e imagen
- 2.3 Valores corporativos en tarjetas iconográficas
- 2.4 Equipo con fotos y breves biografías
- 2.5 CTA a contacto
SERVICES
- 3.1 Hero de servicios con título y descripción breve
- 3.2 Lista de servicios en tarjetas con icono, título y texto
- 3.3 Caso de estudio destacado
- 3.4 CTA a solicitud de propuesta
CASE STUDIES
- 4.1 Hero de casos con título y filtro de categorías
- 4.2 Grid de casos con miniatura, título y breve descripción
- 4.3 Paginación
BLOG
- 5.1 Hero de blog con título y búsqueda
- 5.2 Lista de artículos en tarjetas con imagen, título, excerpt y meta
- 5.3 Sidebar con categorías y últimos artículos
CONTACT
- 6.1 Hero de contacto con título y subtítulo
- 6.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 6.3 Mapa embebido y datos de contacto
- 6.4 CTA a suscripción al boletín
PROMPTS RELACIONADOS · EDUCACIÓN
