Carrito Iniciar sesión
TECNOLOGÍA · Claude Design · HTML

Soft Rubí — Prompt de diseño web para Claude AI

Plataforma SaaS de inteligencia artificial para gestión empresarial Herramientas inteligentes para potenciar tu flujo de trabajo.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Soft Rubí — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia Soft Rubí (softrubi.com), una SaaS de IA para gestión empresarial. Usa solo HTML, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. **Objetivo**: reproducir el diseño visual y estructura de la plantilla analizada, sin copiar texto ni imágenes originales. Genera todos los bloques enumerados en la sección "secciones" con contenido original en español (España), manteniendo la jerarquía y estilo visual. **Paleta de colores** (hex): - Primario: #1E3A8A (azul oscuro) - Secundario: #3B82F6 (azul brillante) - Accento: #F59E0B (naranja dorado) - Fondo claro: #F9FAFB - Texto oscuro: #111827 - Texto gris: #6B7280 **Tipografía**: Inter (cargar desde Google Fonts) para todo el texto, peso 400‑600. **Header**: barra fija, logo a la izquie
4.622 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.622 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
Soft Rubí — home completa
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 Header con logo, menú principal, botón de inicio gratuito y botón de contacto
  • 1.2 Hero con título destacado, subtítulo, botón principal y visual ilustrativo
  • 1.3 Bloque de características principales en tres columnas con iconos y descripción
  • 1.4 Sección de integración de terceros mostrando logos en carrusel
  • 1.5 Testimonios de clientes en cards horizontales
  • 1.6 Tabla comparativa de planes de precios
  • 1.7 Llamada a la acción final con formulario de captura
  • 1.8 Footer con enlaces de navegación, información legal y redes sociales

FEATURES

  • 2.1 Header común
  • 2.2 Hero secundario explicando funcionalidades avanzadas
  • 2.3 Grid de características detalladas con imágenes y texto
  • 2.4 Video demo incrustado
  • 2.5 CTA para solicitar demo
  • 2.6 Footer común

PRICING

  • 3.1 Header común
  • 3.2 Tabla de planes con botones de selección
  • 3.3 Comparativa de beneficios
  • 3.4 Preguntas frecuentes (FAQ)
  • 3.5 Footer común

ABOUT

  • 4.1 Header común
  • 4.2 Historia de la empresa con timeline visual
  • 4.3 Equipo en cards con foto y bio breve
  • 4.4 Valores y misión
  • 4.5 CTA para unirse al newsletter
  • 4.6 Footer común

BLOG

  • 5.1 Header común
  • 5.2 Lista de artículos en grid con categorías y fechas
  • 5.3 Sidebar con últimas publicaciones y etiquetas
  • 5.4 Footer común

CONTACT

  • 6.1 Header común
  • 6.2 Formulario de contacto con campos nombre, email, asunto y mensaje
  • 6.3 Mapa integrado y datos de ubicación
  • 6.4 Footer común
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría