NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Saber Cedro** (software SaaS CRM) usando **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. La web debe reproducir el diseño analizado:
- **Paleta de colores**: #0A2640 (azul oscuro), #1E3A8A (azul medio), #F3F4F6 (gris claro), #FFFFFF (blanco) y acentos #2563EB (azul brillante).
- **Tipografía**: Inter (sans‑serif) para cuerpo y headings, con peso 400‑600.
- **Header**: barra fija con logo (texto "Saber Cedro"), menú de navegación con enlaces Home, About us, Blog, FAQ, Reviews, Contact us. Cada enlace tiene un submenú desplegable (Home → Home V1‑V3, etc.) y un botón a la derecha "Acceder". Menú colapsable en móvil con ícono hamburguesa.
- **Hero (sección 1.2)**: contenedor flex con dos columnas. I
3.977 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.977 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 con logo, menú desplegable y botón "Acceder"
- 1.2 Hero con título, descripción, botones "Explorar demos" y "Vista previa", mockup de dispositivos y métricas destacadas
- 1.3 Bloque de métricas (creatividad, número de plantillas, páginas internas)
- 1.4 Galería de demos de home (tres tarjetas con enlaces a versiones)
- 1.5 Footer con enlaces a secciones principales, datos de contacto y redes sociales
ABOUT US
- 1.1 Encabezado común
- 1.2 Título y descripción sobre la empresa
- 1.3 Imagen ilustrativa
- 1.4 Valores en tarjetas
- 1.5 CTA a contacto
BLOG
- 1.1 Encabezado común
- 1.2 Lista de artículos en tarjetas con imagen, título y excerpt
- 1.3 Paginación
- 1.4 Sidebar con categorías y newsletter
CONTACT
- 1.1 Encabezado común
- 1.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 1.3 Mapa incrustado
- 1.4 Información de oficina y enlaces rápidos
FAQ
- 1.1 Encabezado común
- 1.2 Lista de preguntas frecuentes en acordeón
- 1.3 CTA a soporte
REVIEWS
- 1.1 Encabezado común
- 1.2 Carousel de testimonios con foto, nombre y comentario
- 1.3 Botones de navegación del carousel
PROMPTS RELACIONADOS · EDUCACIÓN
