NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Saber Boreal" (saberboreal.com) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Replicar fielmente la estructura y estética de la plantilla analizada:
- **Paleta de colores**: #1F2937 (gris oscuro), #3B82F6 (azul primario), #F9FAFB (gris claro), #111827 (negro profundo), #E5E7EB (gris neutro).
- **Tipografía**: Inter (peso 400/500/600) para cuerpo y headings, tamaños H1‑2‑3‑4 siguiendo la escala Tailwind (text-4xl, text-3xl, text-2xl, text-xl).
- **Header**: barra fija con logo a la izquierda, enlaces principales (Inicio, Servicios, Casos, Sobre nosotros, Contacto) y mega‑menú desplegable que muestra columnas de enlaces agrupados por categorías (Multilayout, Empresa, Utilidad, Plantilla). Añadir
4.251 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.251 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, enlaces principales y mega‑menú desplegable
- 1.2 Hero principal con badge, título, subtítulo y dos botones CTA
- 1.3 Slider de imágenes dentro del hero, autoplay y controles de navegación
- 1.4 Área de características destacadas (iconos + texto) bajo el hero
- 1.5 Sección de casos de estudio en formato grid con tarjetas
- 1.6 Testimonios rotativos con citas y fotos
- 1.7 Llamada a la acción final con botones de compra y más plantillas
- 1.8 Footer con enlaces institucionales, contactos y redes sociales
SERVICES
- 2.1 Encabezado de página con breadcrumb y título
- 2.2 Lista de servicios en columnas con iconos y descripciones breves
- 2.3 sección de proceso en pasos numerados
- 2.4 CTA de descarga de brochure
- 2.5 Footer común
ABOUT
- 3.1 Hero interno con título y subtítulo
- 3.2 Historia de la empresa en dos columnas con imagen ilustrativa
- 3.3 Equipo en grid de tarjetas con foto, nombre y rol
- 3.4 Valores en bloques icónicos
- 3.5 Footer común
CASE STUDIES
- 4.1 Lista de estudios de caso en tarjetas con imagen, título y breve descripción
- 4.2 Filtro por sector
- 4.3 Footer común
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.2 Mapa incrustado y datos de contacto
- 5.3 Footer común
PROMPTS RELACIONADOS · EDUCATION
