NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para **App Perla**, una plataforma SaaS de gestión de proyectos, usando solo HTML estático, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El diseño debe replicar fielmente la arquitectura visual del sitio analizado: barra informativa superior, cabecera con logo, menú mega‑dropdown (Home, Pricing, Blog, Pages con submenús de tarjetas), enlaces de login, registro y carrito; hero central con título, subtítulo y botón CTA; sección de características en una cuadrícula de 3 tarjetas con iconos; bloque de precios con tres columnas; área de confianza con logotipos; CTA secundario con formulario de captura de email; y footer con varios grupos de enlaces, redes sociales y datos de contacto.
**Paleta de colores** (hex): #0D0D0D (fondo principal), #FFFFFF (text
3.755 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.755 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 superior con anuncio y enlace a noticia
- 1.2 Cabecera principal con logo, menú mega‑dropdown, login, registro y carrito
- 1.3 Hero con titular, subtítulo y botón principal
- 1.4 Grid de 3 columnas con tarjetas de características
- 1.5 Sección de precios con 3 columnas, cada una con detalle del plan
- 1.6 Área de confianza con logos de partners
- 1.7 CTA secundario con formulario de captura de email
- 1.8 Footer con navegación secundaria, redes y datos de contacto
FEATURES
- 2.1 Hero interno con título y descripción
- 2.2 Lista de funcionalidades en bloques horizontales
- 2.3 Video o demo interactivo
- 2.4 CTA de prueba gratuita
INTEGRATIONS
- 3.1 Hero con título
- 3.2 Cuadrícula de logos de integraciones
- 3.3 Descripción breve de cada integración
- 3.4 CTA para explorar API
ABOUT
- 4.1 Historia de la empresa con imagen y texto
- 4.2 Equipo con tarjetas de miembros
- 4.3 Valores y misión
PRICING
- 5.1 Tabla comparativa de planes
- 5.2 Detalle de características por plan
- 5.3 Botones de selección y prueba gratuita
BLOG
- 6.1 Lista de artículos en tarjetas
- 6.2 Categorías y filtro lateral
- 6.3 Paginación
CONTACT
- 7.1 Formulario de contacto simple
- 7.2 Mapa incrustado
- 7.3 Información de soporte
LOGIN
- 8.1 Formulario de acceso con campo de email y contraseña
- 8.2 Enlace a recuperación de contraseña
SIGN‑UP
- 9.1 Registro con nombre, email y contraseña
- 9.2 Checkbox de aceptación de términos
- 9.3 Botón de crear cuenta
PROMPTS RELACIONADOS · SAAS / STARTUP
