SAAS / STARTUP · Claude Design · HTML

VoxPulse — Prompt de diseño web para Claude AI

★★★★★4,6 3.522 descargas

Plataforma SaaS para crear y gestionar podcasts Simplifica tu experiencia de podcasting.

↓ 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 **VoxPulse** (plataforma SaaS para podcasts) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Reproduce fielmente la estructura y estilo del diseño analizado:

- **Paleta de colores**: #0A0A0A (fondo principal), #FFFFFF (texto), #1A73E8 (acentos y botones), #F5F5F5 (secciones claras), #E0E0E0 (bordes y sombras).
- **Tipografía**: Inter (sans‑serif) para todo el texto, con pesos 400, 600 y 800.
- **Header**: barra de navegación fija, logo a la izquierda, enlaces (Home, About, Blog, Contact) centrados, botón "Get started" a la derecha. Menú móvil colapsable con hamburguesa.
- **Hero**: contenedor dividido 2 columnas. Izquierda: título grande "Tu aventura de podcast comienza", subtítulo descriptivo, botón CTA "Get started". Derecha: composición de tres imágenes superpuestas con efectos de traslación y un círculo decorativo en background. Añade animaciones de entrada (fade‑in, slide‑up) con CSS y JS (IntersectionObserver).
- **Sección de marcas**: fondo oscuro, texto pequeño "Trusted by high‑growth startups and investors" y carrusel infinito horizontal con los logotipos de marcas (usar placeholders). El carrusel debe desplazarse automáticamente y pausar al pasar el ratón.
- **Bloque About Us**: layout de dos columnas, imagen a la izquierda con desplazamiento leve, texto a la derecha con encabezado "About VoxPulse", párrafo descriptivo y botón secundario "Learn more".
- **Testimonios**: tarjetas superpuestas con foto del cliente, ícono de comillas, texto testimonial y pequeña animación de zoom al pasar el cursor.
- **Footer**: fondo negro, secciones de enlaces (Product, Company, Resources), íconos de redes sociales y texto de copyright.
- **Responsividad**: Colapsar a una sola columna en móviles, menú hamburguesa funcional, imágenes adaptativas.
- **Interactividad**: Botón y enlaces con efecto hover (cambio de color de fondo), carrusel de marcas, animaciones al hacer scroll, lightbox simple para la imagen del testimonial.
- **Código**: incluye Tailwind vía `<script src="https://cdn.tailwindcss.com"></script>` y configura colores personalizados en `tailwind.config = {theme:{extend:{colors:{primary:'#1A73E8', dark:'#0A0A0A', light:'#F5F5F5'}}}};`. Utiliza clases Tailwind para todo el layout. No usar componentes externos ni librerías de terceros más allá de Tailwind y vanilla JS.

Entrega el archivo HTML listo para abrir en el navegador.

---

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

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Navbar fijo con logo, enlaces y botón destacado
1.2 Hero con título, subtítulo, CTA y composición de imágenes animadas
1.3 Sección de marcas confiables con carrusel de logotipos
1.4 Bloque "Sobre nosotros" con texto e imagen responsive
1.5 Testimonios en tarjetas superpuestas
1.6 Footer con enlaces institucionales y redes sociales

ABOUT

1.1 Header interno con breadcrumbs
1.2 Imagen principal y texto descriptivo
1.3 Equipo en grid de tarjetas
1.4 CTA final

BLOG

1.1 Lista de artículos en cards
1.2 Sidebar con categorías y newsletter

CONTACT

1.1 Formulario de contacto con campos básicos
1.2 Mapa incrustado
1.3 Información de contacto

PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría

Ficha de marca

Nombre: VoxPulse
Sector: Plataforma SaaS para crear y gestionar podcasts
Claim: Simplifica tu experiencia de podcasting

Bloques de la home

1.1 Navbar fijo con logo, enlaces y botón destacado
1.2 Hero con título, subtítulo, CTA y composición de imágenes animadas
1.3 Sección de marcas confiables con carrusel de logotipos
1.4 Bloque "Sobre nosotros" con texto e imagen responsive
1.5 Testimonios en tarjetas superpuestas
1.6 Footer con enlaces institucionales y redes sociales

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

VoxPulse — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Tabla de secciones

HOME

ABOUT

BLOG

CONTACT

Otros prompts de la misma categoría

JurisNova

Kinetix Flow

KitePulse

Lumen Docs