NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Vórtice Visual, una plataforma de streaming y creación de contenidos de video. Usa únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. El proyecto debe reproducir el diseño de referencia (hero con video de fondo, mega‑menú, bloques en cuadrícula, botones animados y footer) pero con los siguientes requisitos:
- Paleta de colores: #0A0A0A (fondo oscuro), #FFFFFF (texto), #1E90FF (acentos azul), #F5F5F5 (gris claro para fondos secundarios).
- Tipografía: "Inter" para títulos y "Roboto" para cuerpo, ambos importados desde Google Fonts.
- Header: barra de navegación fija, logo a la izquierda (texto Vórtice Visual), mega‑menú con columnas que despliegan enlaces a Home, Servicios, Portafolio, Blog, Contacto. Botón "Contá
3.880 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.880 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 Hero con video de fondo y mensaje principal
- 1.2 Cuatro columnas con título “Servicios”, subtítulo y texto descriptivo
- 1.3 Botón circular de llamada a la acción “Ver proyectos”
- 1.4 Sección de trabajos recientes en grid de 3 columnas
- 1.5 Testimonios rotativos con citas de clientes
- 1.6 Área de suscripción al newsletter
- 1.7 Footer con logo, enlaces útiles, redes sociales y datos de contacto
ABOUT US
- 1.1 Hero estático con título y párrafo introductorio
- 1.2 Historia de la empresa en dos columnas con imagen
- 1.3 Equipo destacado con tarjetas de perfil
- 1.4 Valores y misión en lista de iconos
- 1.5 Footer (misma estructura que home)
PORTFOLIO
- 1.1 Hero con filtro de categorías
- 1.2 Grid de proyectos (imagen + título + categoría)
- 1.3 Paginación
- 1.4 Footer
BLOG
- 1.1 Hero con barra de búsqueda
- 1.2 Lista de artículos en cards (fecha, título, extracto)
- 1.3 Sidebar con categorías y últimos posts
- 1.4 Footer
CONTACT
- 1.1 Hero con formulario de contacto (nombre, email, mensaje)
- 1.2 Mapa incrustado
- 1.3 Información de contacto y horarios
- 1.4 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
