Carrito Iniciar sesión
EDUCACIÓN · Claude Design · HTML

NexoChat — Prompt de diseño web para Claude AI

Plataforma SaaS de mensajería corporativa Comunicación fluida para equipos modernos.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático para la marca ficticia NexoChat (nexochat.com). El proyecto debe usar un solo archivo HTML con Tailwind CSS a través del CDN y JavaScript vanilla para las interacciones. Replicar el diseño visual del sitio analizado: - **Paleta de colores**: fondo blanco (#FFFFFF), negro profundo para texto (#000000), azul acentuado (#0A74DA), gris oscuro para elementos secundarios (#333333), rosa degradado para botones primarios (#FF5A5F a #FF7E85). - **Tipografía**: fuente principal "Inter" (sans‑serif) para títulos y cuerpo, peso 400‑600. - **Header**: barra superior fija, logo a la izquierda, menú de navegación horizontal (Home, Demo, Inner Page, Utility, Authentications) y botón primario “Buy Template” con efecto hover que invierte colores. Incluye menú hamburguesa respo
3.677 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.677 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
NexoChat — 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ú horizontal y botón “Comprar plantilla”
  • 1.2 Bloque Hero: título principal, párrafo descriptivo, botones primarios y de tono oscuro, imagen principal doble columna
  • 1.3 Footer: enlaces a secciones internas, información legal y redes sociales

INNER PAGE (ejemplo plantilla)

  • 2.1 Header reutilizable
  • 2.2 Título de página y breadcrumb
  • 2.3 Contenido central con texto y gráficos
  • 2.4 Footer idéntico al Home

UTILITIES

  • 3.1 Header común
  • 3.2 Lista de recursos (FAQ, política de privacidad, etc.)
  • 3.3 Footer común
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 12/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN

Otros prompts de la misma categoría