NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página (HTML) usando Tailwind CSS vía CDN y JavaScript vanilla, que reproduzca el estilo visual de la plantilla analizada, pero con la marca ficticia ConectaSabio. La página debe incluir:
- **Paleta de colores**: primario #1E3A8A (azul intenso), secundario #3B82F6 (azul brillante), gris claro #F3F4F6, fondo oscuro #111827, acentos #FBBF24 (amarillo).
- **Tipografía**: usar "Inter" para títulos y cuerpo, carga desde Google Fonts.
- **Header**: barra fija con logo (texto ConectaSabio), menú horizontal (Inicio, Sobre nosotros, Precios, Blog, Contacto) y botón "Iniciar sesión" visible sólo en desktop; menú hamburguesa colapsable en móvil.
- **Hero**: contenedor con fondo degradado azul‑oscuro, título h1 grande con palabra resaltada (texto‑highlight) en a
3.551 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.551 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 Cabecera con logo, menú principal y botón "Iniciar sesión"
- 1.2 Hero: título grande con resaltado, párrafo intro, botones "Comenzar" y "Más info", imagen de fondo a la derecha
- 1.3 Logos de confianza en carrusel estático
- 1.4 Funcionalidades: grid de 3 columnas, cada una con imagen, subtítulo y párrafo
- 1.5 Footer: columnas de enlaces (Producto, Empresa, Recursos), datos de contacto y redes sociales
ABOUT
- 2.1 Cabecera idéntica a Home
- 2.2 Título y párrafo descriptivo de la empresa
- 2.3 Equipo en tarjetas con foto y bio
- 2.4 Valores en bloques de íconos
- 2.5 Footer común
PRICING
- 3.1 Cabecera común
- 3.2 Tabla comparativa de planes con botones de selección
- 3.3 Preguntas frecuentes en acordeón
- 3.4 Footer común
BLOG
- 4.1 Cabecera común
- 4.2 Lista de artículos en tarjetas con imagen, título y extracto
- 4.3 Paginación
- 4.4 Footer común
CONTACT
- 5.1 Cabecera común
- 5.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 5.3 Información de contacto y mapa embebido
- 5.4 Footer común
PROMPTS RELACIONADOS · SAAS / STARTUP
