EDUCACIÓN · Claude Design · HTML

Nexus Capital — Prompt de diseño web para Claude AI

★★★★★4,7 1.392 descargas

Gestión de inversiones y asesoría financiera para startups y empresas consolidadas Apoyamos el crecimiento sostenible con capital y experiencia.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea una página web completa para la marca ficticia "Nexus Capital" (dominio nexuscaptial.com) usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Emula el diseño de la web analizada: 
- Paleta de colores: fondo negro #0a0a0a, texto blanco #ffffff, acentos azul #0d6efd, verde #28a745, gris medio #6c757d. 
- Tipografía: Inter (sans-serif) para todo el texto, encabezados en peso 600, cuerpo en 400. 
- Header (navbar) fijo, logo a la izquierda (texto "Nexus Capital"), enlaces Home, About, Services, Contact a la derecha, botón "Solicitar información" con fondo azul y texto blanco. Menú colapsable en móvil. 
- Sección Hero: fondo a pantalla completa con imagen de ciudad nocturna (placeholder), overlay oscuro, tagline "Capital estratégico. Valor duradero.", título h1 "Construimos valor a largo plazo", párrafo descriptivo, botón principal "Comienza a invertir". 
- Sección Logos: carrusel horizontal automático que muestra 4 logos de clientes (svg placeholders), con flechas de navegación. 
- Sección Métricas: grid de 4 columnas en desktop, cada una con ícono circular (svg placeholder), etiqueta pequeña y número grande (e.g., "$1.2B+", "40+", "10+ años", "25+ compromisos"). Animación fade‑in al hacer scroll. 
- Sección Servicios: título "Qué ofrecemos", subsección con tarjetas de ancho completo y tarjetas laterales. Cada tarjeta tiene encabezado h3, descripción corta y fondo ligeramente más claro (#1a1a1a) con efecto hover (increase opacity). 
- Footer: fondo negro, columnas con enlaces (Empresa, Servicios, Legal), datos de contacto (email hola@nexuscaptial.com, teléfono), iconos de redes sociales (placeholder). 
- Interactividad: menú móvil toggles, carrusel automático, scroll‑reveal (usando IntersectionObserver), smooth scroll para anclas. 
- Responsivo: usar clases Tailwind responsive (sm:, md:, lg:, xl:). 
- Incluir meta tags básicos, favicon placeholder y título "Nexus Capital – Inversión estratégica". No usar frameworks adicionales ni copiar texto original; generar contenidos en español, tono profesional y activo.

---

## 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.419 caracteres · 29 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Hero con mensaje principal y llamada a la acción
2.1 Carrusel de logos de clientes
3.1 Bloque de métricas (capital desplegado, empresas apoyadas, años de experiencia, compromisos)
4.1 Servicios incluidos, tarjetas descriptivas con encabezado y texto
5.1 Footer con enlaces de navegación y datos de contacto

ABOUT

1.1 Historia de la firma
2.1 Equipo directivo con fotos y biografías
3.1 Valores y enfoque de inversión

SERVICES

1.1 Listado completo de servicios con iconos
2.1 Detalle de cada área (gestión de fondos, asesoría estratégica, etc.)

CONTACT

1.1 Formulario de contacto sencillo
2.1 Información de oficina y mapa integrado

PROMPTS RELACIONADOS · EDUCACIÓN

Otros prompts de la misma categoría

Ficha de marca

Nombre: Nexus Capital
Sector: Gestión de inversiones y asesoría financiera para startups y empresas consolidadas
Claim: Apoyamos el crecimiento sostenible con capital y experiencia

Bloques de la home

1.1 Hero con mensaje principal y llamada a la acción
2.1 Carrusel de logos de clientes
3.1 Bloque de métricas (capital desplegado, empresas apoyadas, años de experiencia, compromisos)
4.1 Servicios incluidos, tarjetas descriptivas con encabezado y texto
5.1 Footer con enlaces de navegación y datos de contacto

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