Carrito Iniciar sesión
SAAS / STARTUP · Claude Design · HTML

Panel Ónix — Prompt de diseño web para Claude AI

Plataforma SaaS de automatización e IA para empresas Herramientas de IA que simplifican tu día a día.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Panel Ónix — 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 **Panel Ónix** (plataforma SaaS de automatización e IA) usando **HTML** + **Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. El diseño debe replicar la estructura y estética del sitio fuente sin copiar ningún texto literal. --- ### Paleta de colores (extraída del original) - Primario: #0EA5E9 (azul cian) - Secundario: #1E3A8A (azul oscuro) - Texto principal: #0F172A (gris casi negro) - Texto secundario: #64748B (gris medio) - Fondo claro: #F9FAFB (gris muy claro) - Fondo oscuro: #111827 (gris casi negro) --- ### Tipografía - Fuente principal: **Inter** (Google Fonts), peso 400‑700 - Fuente de encabezados: **Inter** bold, con estilos de tracking y leading como en el original. --- ### Componentes UI a recrear 1. **Header
4.396 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.396 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
Panel Ónix — 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 y menú responsive
  • 1.2 Hero: título destacado, texto introductorio, botones “Comenzar gratis” y “Ver demo”, rating con estrellas y reseñas
  • 1.3 Logos de clientes en carrusel estático
  • 1.4 Características: subtítulo, título con énfasis, párrafo descriptivo, tarjetas de feature (icono, título, descripción)
  • 1.5 Footer: columnas de enlaces (Producto, Empresa, Recursos), redes sociales y datos de contacto

ABOUT

  • 2.1 Header (reutilizable)
  • 2.2 Hero interno con título y texto descriptivo
  • 2.3 Equipo y valores
  • 2.4 Call to action

CONTACT

  • 3.1 Header
  • 3.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
  • 3.3 Información de soporte y mapa

FEATURES

  • 4.1 Header
  • 4.2 Lista de características detalladas (imagen + texto) en layout alternado
  • 4.3 CTA final de registro

FAQ

  • 5.1 Header
  • 5.2 Preguntas frecuentes en acordeón
  • 5.3 CTA secundario
PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría