NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Saber Perla** (dominio saberperla.com) siguiendo el estilo visual del template analizado. Usa **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un único archivo.
**Objetivo**: Landing page SaaS para creadores que muestra una hero, valores, métricas sociales y footer, con componentes reutilizables y animaciones sutiles (fade‑in, desplazamiento). No incluir contenido real de la web original.
**Paleta de colores** (hex):
- #0F172A (azul noche profundo) – fondo principal
- #1E293B (gris azul) – secciones interiores
- #3B82F6 (azul primario) – botones y enlaces
- #F3F4F6 (gris claro) – fondos de tarjetas
- #FFFFFF (blanco) – texto y contrastes
**Tipografía**:
- Fuente principal: `Inter`, peso 400/600, importada des
5.107 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.107 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 (Productos, Sobre nosotros, Noticias, Menú desplegable) y botón “Start 7‑days Trial”.
- 1.2 Hero: subtítulo, título grande, párrafo descriptivo, formulario de captura de email y botón “Join Free Access”; visual principal y elementos gráficos laterales.
- 1.3 Sección “About Us”: título grande, texto introductorio, columna con imagen de gran tamaño.
- 1.4 Pruebas sociales: tres tarjetas con números (25k+, 4.8/5*, $1.72m) y descripciones.
- 1.5 Media Partnership: título y contenedor de logotipo SVG.
- 1.6 Footer: columnas con contacto, dirección, teléfono, enlaces de navegación secundaria y formulario de newsletter.
PRODUCTS
- 2.1 Lista de productos en grid, cada tarjeta con imagen, título, breve descripción y botón "Ver más".
ABOUT
- 3.1 Historia de la empresa, misión y visión en dos columnas con imágenes y texto.
NEWSROOM
- 4.1 Lista de artículos con imagen destacada, título, extracto y fecha.
FAQ
- 5.1 Preguntas frecuentes en formato acordeón.
CONTACT
- 6.1 Formulario de contacto completo (nombre, email, mensaje) y mapa de ubicación.
INTEGRATIONS
- 7.1 Cuadrícula de integraciones compatibles con iconos y breves descripciones.
STYLE‑GUIDE
- 8.1 Tipografía, colores, componentes UI y ejemplos de uso.
LICENSING
- 9.1 Información de licencias y condiciones de uso.
CHANGELOG
- 10.1 Registro de actualizaciones y mejoras del producto.
PROMPTS RELACIONADOS · EDUCACIÓN
