NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia Formación Roble, una plataforma SaaS de contenido y eventos tecnológicos. Usa HTML5 y TailwindCSS vía CDN (https://cdn.tailwindcss.com) en un único archivo con JavaScript vanilla para interactividad mínima (menú hamburguesa móvil, carrusel de logos). Paleta de colores: #1A1A1A (fondo oscuro), #FFFFFF (texto principal), #7C3AED (accent púrpura), #F3F4F6 (gris claro de fondo de secciones), #E5E7EB (bordes y sombras). Tipografía: Inter (sans‑serif) para todo el sitio, peso 400‑600, tamaños fluidos con tailwind (text-2xl, md:text-4xl, etc.).
Estructura y contenido a replicar (sin copiar texto original):
1. Header fijo: logo de texto "Formación Roble" en púrpura, enlaces a Home, About, Services, Events, Articles, Contact y botón destacado "Susc
4.707 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.707 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 y botón suscripción
- 1.2 Hero de pantalla completa con fondo ilustrado, título destacado, texto y dos CTA
- 1.3 Carrusel de logos de clientes/trustees
- 1.4 Bloque "Qué hacemos" con título, descripción y botón
- 1.5 Grid 6x tarjetas de servicios (Newsletter, Eventos, Editorial, Investigación, Podcasts, Partnerships)
- 1.6 Sección newsletter: título, párrafo, dos beneficios, imagen
- 1.7 Testimonios y stats: títulos, cifras, partners, cards
- 1.8 Footer con enlaces, redes y contacto
ABOUT
- 2.1 Header interno con título y breadcrumb
- 2.2 Texto descriptivo extensivo y fotos del equipo
- 2.3 Valores en tarjetas con iconos
SERVICES
- 3.1 Lista de servicios con iconos y descripciones detalladas
- 3.2 CTA para contactar
EVENTS
- 4.1 Calendario de eventos, tarjetas de eventos futuros y botón registro
ARTICLES
- 5.1 Grid de artículos, imágenes, títulos y extractos, barra de filtrado
CONTACT
- 6.1 Formulario de contacto (nombre, email, mensaje) y mapa integrado
PROMPTS RELACIONADOS · EDUCACIÓN
