NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una landing page completa para la marca ficticia VOXELLO STUDIO, una empresa de soluciones de IA conversacional. Utiliza un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla para interactividad. Aplicar la siguiente paleta de colores: #0F172A (navy profundo), #1E293B (gris azulado), #3B82F6 (azul brillante), #CBD5E1 (gris claro), #F9FAFB (blanco casi puro). Tipografía: 'Inter' para textos y 'Poppins' para encabezados, ambos importados de Google Fonts.
Estructura y componentes:
- **Navbar** fijado, con logo SVG a la izquierda, enlaces a #home, #demo, #pages, #utils y botón secundario “Compra”. Menú colapsable en móvil con icono hamburger.
- **Hero** (section id="Home"): contenedor centrado vertical y horizontal, título grande dividido en dos líneas "Asistente de
3.618 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.618 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
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 Navbar con logo, menú colapsable y botón de compra
- 1.2 Hero: título animado en dos líneas, texto descriptivo, botón CTA
- 1.3 Galería de preview: cards con imágenes, hover y botón "Ver"
- 1.4 Footer: enlaces de navegación, datos de contacto y redes sociales
ABOUT
- 2.1 Header interno con título y breadcrumbs
- 2.2 Sección de información con imagen y texto descriptivo
- 2.3 Lista de características en columnas
- 2.4 CTA secundaria
PRODUCT
- 3.1 Header interno con título
- 3.2 Grid de productos/servicios con tarjetas
- 3.3 Detalle de producto con imágenes y descripción
- 3.4 Botón de acción principal
CONTACT
- 4.1 Header interno con título
- 4.2 Formulario de contacto con campos nombre, email, mensaje
- 4.3 Información de contacto y mapa embebido
- 4.4 CTA de suscripción al newsletter
PROMPTS RELACIONADOS · MODA
