NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Suite Polar" (SaaS de automatización) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El diseño debe replicar los patrones visuales del sitio de referencia sin copiar ningún contenido textual ni imágenes originales. Utiliza la siguiente paleta de colores: #0A0F24 (azul oscuro), #1E293B (gris profundo), #3B82F6 (azul accent), #F3F4F6 (gris claro), #FFFFFF (blanco). Tipografía: Inter (cargada desde Google Fonts) para títulos y textos, peso 400‑700.
Estructura:
- Header: barra fija con logo (texto Suite Polar), menú desplegable con enlaces Home, About, Features, Pricing, Contact, y botones "Sign up" y "Sign in" alineados a la derecha. Menú responsive colapsa en icono hamburger.
- Sección 1 (Hero):
3.847 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.847 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 enlace a registro/login
- 2.1 Hero principal con título, subtítulo, llamado a la acción y mockup del producto
- 3.1 Bloque de características en columnas con iconos y descripción breve
- 4.1 Sección de métricas destacadas (contadores) con números animados
- 5.1 Testimonios de clientes en carrusel horizontal
- 6.1 Llamado a la acción secundario con formulario de captura de email
- 7.1 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 1.1 Encabezado interno con título y párrafo descriptivo
- 2.1 Historía de la empresa en formato timeline
- 3.1 Equipo con fotos circulares y breves bios
- 4.1 Valores y misión en columnas
- 5.1 Footer común
FEATURES
- 1.1 Lista de funcionalidades principales con iconos y descripciones expandibles
- 2.1 Demo interactiva de la plataforma (iframe placeholder)
- 3.1 Comparativa de planes en tabla sencilla
- 4.1 Footer común
PRICING
- 1.1 Tabla de precios con tres planes, beneficios y botones de suscripción
- 2.1 Preguntas frecuentes en acordeón
- 3.1 Footer común
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 2.1 mapa embed (placeholder) y datos de ubicación
- 3.1 Footer común
PROMPTS RELACIONADOS · SAAS / STARTUP
