NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Saber Faro**, una plataforma SaaS de gestión de proyectos. Utiliza **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un único archivo. Reproduce fielmente la estructura y los patrones visuales del sitio analizado, sin copiar texto ni imágenes originales.
**Paleta de colores**
- Primario: #0D3B66 (azul marino)
- Secundario: #FAF0CA (amarillo pálido)
- Accent: #F4D35E (oro suave)
- Texto oscuro: #222222
- Fondo claro: #F9F9F9
**Tipografía**
- Fuente principal: Inter (Google Fonts) – peso 400/600/700
- Fuente secundaria: Source Code Pro para código y números
**Header**
- Barra superior fija, fondo blanco, sombra ligera.
- Logo a la izquierda (placeholder SVG).
- Menú central con items: Home, Features, Pricing, Blog,
4.518 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.518 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, menú desplegable y botón de registro
- 1.2 Hero con título destacado, subtítulo, llamada a la acción y visual de producto
- 1.3 Sección de características con iconos y breves descripciones en columnas
- 1.4 Estadísticas clave con contadores animados
- 1.5 Testimonios en carrusel horizontal
- 1.6 Planes de precios en tarjetas con resaltado del plan principal
- 1.7 Últimas entradas del blog en cuadrícula
- 1.8 Footer con enlaces institucionales, redes sociales y formulario de suscripción
PRICING
- 2.1 Encabezado con título y descripción de planes
- 2.2 Tabla comparativa de tres planes con beneficios y botón de selección
- 2.3 Preguntas frecuentes en acordeón
- 2.4 CTA final para probar gratis
BLOG
- 3.1 Lista de artículos con imagen, título, extracto y botón Leer más
- 3.2 Sidebar con categorías, etiquetas y newsletter
ABOUT
- 4.1 Historia de la empresa con imagen y texto
- 4.2 Valores y misión en tarjetas
- 4.3 Equipo con fotos y breves biografías
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa incrustado y datos de contacto
PROMPTS RELACIONADOS · EDUCACIÓN
