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

Soft Jade — Prompt de diseño web para Claude AI

Plataforma SaaS de soporte impulsado por IA para startups Herramientas de asistencia inteligentes para equipos en crecimiento.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una página web completa para la marca ficticia Soft Jade (softjade.com), una plataforma SaaS de soporte con IA. Usa solo HTML en un único fichero, Tailwind CSS a través del CDN `https://cdn.tailwindcss.com` y JavaScript vanilla embebido para animaciones de conteo y efectos de scroll. Replicar el diseño visual del sitio origen sin copiar texto ni imágenes. ### Paleta de colores (extraer de clases Tailwind implícitas) - Fondo primario: #F8FAFC (gray‑50) - Fondo oscuro: #1F2937 (gray‑800) - Azul principal: #2563EB (blue‑600) - Azul activo: #1D4ED8 (blue‑700) - Texto principal: #111827 (gray‑900) - Texto secundario: #6B7280 (gray‑500) - Accent: #10B981 (emerald‑500) ### Tipografía - Fuente principal: Inter (cargar `https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=
5.018 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
5.018 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 Jade — 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 Cabecera fija con logo, menú principal, dropdowns y botón principal
  • 1.2 Hero de Careers con título, texto y botón "Unirse al equipo"
  • 1.3 Bloque informativo con título y texto largo, alineación texto‑izquierda / imagen‑derecha
  • 1.4 Divider separador grande
  • 1.5 Bloque de estadísticas (4 cards) con animación de conteo
  • 1.6 Footer con enlaces de sitio y datos de contacto

CAREERS (página actual)

  • 1.1 Cabecera idéntica a Home
  • 1.2 Hero específico de Careers (título "Come and do your life’s work", párrafo y CTA)
  • 1.3 Lista de posiciones (no mostrada en fragmento, pero referenciada por ancla #positions)
  • 1.4 Footer igual al de Home
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría