NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Saber Sierra" (dominio: sabersierra.com, email: hola@sabersierra.com, año: 2026). El proyecto debe ser entregado en un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla sin dependencias externas.
**Objetivo**: replicar el diseño visual y la estructura de la web de referencia (municipal, con navegación compleja, hero con carrusel, bloques de beneficios, sección de clientes y footer completo), pero con contenido totalmente original en español de España.
**Paleta de colores**:
- #0A3D62 (azul oscuro primary)
- #1E91D6 (azul vibrante accent)
- #F5F7FA (gris claro background)
- #FFFFFF (blanco)
- #333333 (texto principal)
**Tipografía**: Inter, peso 400‑600, tamaño base 16px, encabezados con peso 600.
**Estructura**:
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, menús desplegables y botón de contacto
- 1.2 Hero banner con título grande, subtítulo y carrusel de mockups de páginas
- 1.3 Bloque de beneficios con cuatro iconos y descripciones en columnas
- 1.4 Sección de clientes con testimonios visuales y texto breve
- 1.5 Footer con enlaces de navegación, datos de contacto y redes sociales
ABOUT US
- 2.1 Header interno con breadcrumb
- 2.2 Imagen principal y descripción de la ciudad
- 2.3 Valores y misión en tarjetas
- 2.4 Equipo destacado en grid
- 2.5 Footer común
SERVICES
- 3.1 Lista de servicios municipales en cards
- 3.2 Detalle de cada servicio con icono y descripción
- 3.3 CTA para solicitar información
- 3.4 Footer común
DEPARTMENTS
- 4.1 Grid de departamentos con imágenes y enlaces
- 4.2 Página detalle de departamento con información y contacto
- 4.3 Footer común
EVENTS
- 5.1 Calendario visual de eventos próximos
- 5.2 Tarjetas de eventos destacados
- 5.3 Formulario de inscripción rápido
- 5.4 Footer común
DIRECTORY
- 6.1 Listado de comercios y servicios locales en tabla filtrable
- 6.2 Perfil rápido de cada negocio
- 6.3 Footer común
NEWS
- 7.1 Blog de noticias municipales en grid
- 7.2 Artículo destacado con imagen hero
- 7.3 Sidebar con últimas noticias y enlaces
- 7.4 Footer común
CONTACT US
- 8.1 Formulario de contacto con campos básicos
- 8.2 Mapa interactivo de ubicación
- 8.3 Información de contacto y horario
- 8.4 Footer común
Imagen generada con GPT Image 2 · 04/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
