NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web para la marca ficticia Saber Isla (agencia digital) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.\n\n**Objetivo**: reproducir el diseño analizado: barra de navegación fija con logo estilizado (letras separadas), reloj de zona horaria, enlaces a Home, About, Services, Projects, Contact y red social icons con estado normal/hover; menú hamburguesa que despliega una lista de enlaces y tarjetas de proyecto destacado con imagen y overlay.\n\n**Header**: fondo negro, texto blanco, logo en tipografía sans‑serif, uso de flex y spacing Tailwind. Incluir animaciones CSS para líneas del menú y overlay de tarjetas.\n\n**Hero Slider**: componente slider automático con 5 slides, cada slide ocupa 100vh, imagen de fondo responsiva (usando `<img>` y `obje
4.449 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.449 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, reloj, enlaces a páginas y redes sociales
- 1.2 Slider hero a pantalla completa con 5 imágenes, texto superpuesto y navegación
- 1.3 Sección "Sobre nosotros" con título, párrafo introductivo y animación de entrada
- 1.4 Tarjetas de proyecto destacado en el menú desplegable
- 1.5 Footer con información de contacto y enlaces sociales
ABOUT
- 1.1 Encabezado con título y breadcrumb
- 1.2 Texto descriptivo de la agencia, imágenes y lista de valores
- 1.3 Equipo con tarjetas de perfil
- 1.4 CTA para contactar
SERVICES
- 1.1 Lista de servicios en tarjetas con iconos
- 1.2 Descripción breve de cada servicio
- 1.3 Botón de solicitud de propuesta
PROJECTS
- 1.1 Galería tipo grid con imágenes de proyectos
- 1.2 Filtro por categoría
- 1.3 Detalle emergente de proyecto al hacer clic
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 1.2 Mapa incrustado
- 1.3 Información de ubicación y teléfono
BLOG
- 1.1 Lista de artículos con miniaturas
- 1.2 Extracto y fecha de publicación
- 1.3 Paginación inferior
PROMPTS RELACIONADOS · EDUCACIÓN
