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

App Coral — Prompt de diseño web para Claude AI

Plataforma SaaS de mensajería colaborativa Conecta equipos con conversaciones fluidas.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático de una sola página usando HTML, TailwindCSS CDN y JavaScript vanilla (un único archivo). La marca es **App Coral**, plataforma SaaS de mensajería colaborativa. Usa la siguiente paleta de colores: fondo oscuro #0A0A0A, texto claro #F5F5F5, acento azul eléctrico #00E5FF, acento púrpura #8A2BE2, hover gris #2A2A2A. Tipografía: **Inter** para títulos (font‑weight 700) y **Roboto** para cuerpo (font‑weight 400), ambas cargadas desde Google Fonts. Estructura completa: - **Header** fijo con logo (texto App Coral en Inter), menú horizontal (Home, Demo, Inner Page, Utility, Authentications) y botón primario "Buy Template" con efecto hover (cambio de fondo a #00E5FF y texto a #0A0A0A). Menú colapsable en móvil con ícono hamburger animado. - **Hero** sección (#Home) ocupa
4.026 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.026 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
App Coral — 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ú y botón primario
  • 1.2 Hero: título, subtítulo, dos CTA, imagen hero compuesta
  • 1.3 Demo: captura de pantalla grande con overlay
  • 1.4 Funcionalidades: tarjetas con icono, título y texto breve (3 columnas)
  • 1.5 Testimonios: tarjeta de cita, nombre y avatar (carrusel)
  • 1.6 Footer: columnas de enlaces, redes sociales, suscripción mínima

DEMO

  • 2.1 Header reutilizado
  • 2.2 Título de página y breadcrumb
  • 2.3 Galería de imágenes del producto
  • 2.4 CTA secundaria
  • 2.5 Footer reutilizado

INNER PAGES

  • 3.1 Header
  • 3.2 Sección introductoria con hero interno
  • 3.3 Contenido de texto y media en layout alternado
  • 3.4 CTA final
  • 3.5 Footer

UTILITY PAGES

  • 4.1 Header
  • 4.2 Lista de recursos (FAQ, documentación, política de privacidad)
  • 4.3 Footer

AUTHENTICATIONS

  • 5.1 Header minimalista
  • 5.2 Formulario de login y registro con campos estilizados
  • 5.3 Footer reducido
PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría