SAAS / STARTUP · Claude Design · HTML

Nexoria — Prompt de diseño web para Claude AI

★★★★★4,7 3.023 descargas

Plataforma SaaS para gestión de pagos y finanzas Simplifica la contabilidad de tu negocio.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo para la marca ficticia Nexoria, una plataforma SaaS fintech que centraliza la gestión de pagos. Usa solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce el diseño oscuro observado: fondo #0A0A0A, colores de acento #00D1FF (cian), #FF6F61 (coral) y texto principal #FFFFFF, secundarios #A0A0A0. Tipografía: fuente "Inter" para párrafos y "Poppins" para encabezados, ambos cargados desde Google Fonts. 

Estructura:
- <header class="bg-black text-white fixed w-full z-10"> con logo SVG abstracto, menú links (Home, Features, About, Pricing, Blog, Contact) y dos botones CTA: "Comenzar" (estilo primario con fondo cian) y "Contáctanos" (estilo secundario borde cian). Incluye icono de menú hamburguesa responsive.
- Separador decorativo bajo el header usando líneas SVG en los cuatro bordes (similar al original).
- <section id="hero" class="min-h-screen flex items-center container mx-auto pt-24"> con grid de 2 columnas: izquierda <h1 class="text-5xl font-bold">Gestión integral de pagos desde un <span class="text-cyan-400">panel sencillo</span></h1>, <p class="mt-4 max-w-md text-gray-300">Conecta proveedores, monitorea ingresos y controla transacciones en tiempo real.</p> y dos botones (primario "Comenzar", secundario "Contáctanos"). Derecha: <img src="hero-dashboard.png" alt="Dashboard" class="w-full rounded-lg shadow-lg">.
- Sección de funcionalidades: grid de 3 columnas, cada una con <svg class="w-12 h-12 text-cyan-400"> icono, <h3 class="mt-2 text-xl font-semibold">Título</h3>, <p class="mt-1 text-gray-400">Descripción corta.</p>.
- Testimonios: carrusel simple con JavaScript que muestra 3 tarjetas, cada una con foto redonda, nombre, cargo y cita, fondo #111, borde superior cian.
- CTA final: fondo #111, texto centrado, botón primario.
- <footer class="bg-black text-gray-400 py-12"> con 4 columnas: Productos, Recursos, Empresa, Contacto. Incluye íconos de redes sociales en cian.

Páginas adicionales (Features, About, Pricing, Blog, Contact) deben seguir la misma cabecera y footer, con contenido descrito en la tabla. Utiliza componentes reutilizables (nav, footer, card) y asegura que el sitio sea totalmente responsivo (mobile‑first). Añade transiciones suaves (opacity, translate) a los elementos que aparecen al hacer scroll. Todas las rutas deben ser enlaces internos ("#") pues es un prototipo estático. No incluyas texto o marcas reales; todo el copy debe ser original en español de España. Entrega el código listo para copiar‑pegar.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

2.872 caracteres · 29 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría

Ficha de marca

Nombre: Nexoria
Sector: Plataforma SaaS para gestión de pagos y finanzas
Claim: Simplifica la contabilidad de tu negocio

Bloques de la home

1.1 Barra de navegación con logo, menú y botones CTA
1.2 Separador decorativo
1.3 Hero: titular, descripción, dos botones CTA y imagen del dashboard
1.4 (continúa…) sección de características, testimonios y footer

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

Nexoria — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Otros prompts de la misma categoría

JurisNova

Kinetix Flow

KitePulse

Lumen Docs