NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Saber Retablo** siguiendo estas indicaciones y usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo.
**Objetivo**: Reproducir el diseño y la estructura de la web de referencia (portfolio freelance) sin copiar texto ni imágenes originales. Genera contenido original en español (España) y emplea una paleta y tipografía coherentes.
**Paleta de colores**:
- #0D0D0D (negro profundo para fondos y texto principal)
- #FFFFFF (blanco puro para textos sobre fondos oscuros)
- #1A73E8 (azul brillante para botones y enlaces destacados)
- #F4F4F4 (gris claro para secciones de fondo suave)
- #E0E0E0 (gris medio para bordes y sombreados)
**Tipografía**: Usa Google Font **"Inter"** (sans‑serif) para todo el texto. Peso 400 para c
5.131 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.131 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 Encabezado con logo y menú colapsable
- 1.2 Hero con título y subtítulo centrados
- 1.3 Sección "Proyectos destacados" con 3 cards de imagen y título
- 1.4 Bloque "Sobre mí" con texto, botón de descarga de CV y foto al lado
- 1.5 Sección "Trabajos seleccionados" con lista de cards, título, descripción corta y flecha
- 1.6 Footer con enlaces a redes y datos de contacto
ABOUT
- 1.1 Encabezado (reutiliza el global)
- 1.2 Hero interno con título "Sobre mí"
- 1.3 Texto descriptivo amplio y foto de perfil
- 1.4 Botón para descargar CV
WORKS
- 1.1 Encabezado
- 1.2 Hero interno con título "Mis trabajos"
- 1.3 Grid de cards con imagen, nombre y breve descripción
CONTACT
- 1.1 Encabezado
- 1.2 Formulario simple (nombre, email, mensaje) y botón enviar
- 1.3 Información de contacto y enlaces sociales
PROMPTS RELACIONADOS · EDUCACIÓN
