NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web para la marca ficticia "Vanguardía Creativa" (agencia de diseño y desarrollo digital) usando un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. Reproduce la estructura y estilo del diseño analizado:
- **Paleta de colores**: negro profundo #0a0a0a, gris neutro #2d2d2d, blanco puro #ffffff, acento azul eléctrico #00bfff, acento rosado #ff69b4.
- **Tipografía**: Heading "Playfair Display" (serif) y body "Inter" (sans-serif) desde Google Fonts.
- **Header**: barra superior fija con logo a la izquierda, íconos sociales (X, Instagram, LinkedIn, Dribbble) alineados a la izquierda, menú hamburguesa circular a la derecha que revela una overlay de navegación con números y textos (Home, About, Work, News, Contact). Usa animaciones CSS para transiciones.
-
3.972 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.972 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 Encabezado con logo, menú hamburguesa circular y enlaces sociales
- 1.2 Hero con video preview, subtítulo, botón CTA y animación de scroll
- 1.3 Sección de trabajos: título grande, grid de proyectos con imágenes, overlay circular y texto rotativo
- 1.4 Footer con enlaces sociales y formas geométricas
ABOUT
- 2.1 Encabezado reutilizado
- 2.2 Bloque de presentación con texto y foto
- 2.3 Valores destacados en columnas
- 2.4 Footer reutilizado
WORK
- 3.1 Encabezado reutilizado
- 3.2 Galería de proyectos con grid, overlay circular y texto rotativo
- 3.3 Filtros de categoría
- 3.4 Footer reutilizado
BLOG
- 4.1 Encabezado reutilizado
- 4.2 Listado de artículos en tarjetas con imagen, título y extracto
- 4.3 Paginación simple
- 4.4 Footer reutilizado
CONTACT
- 5.1 Encabezado reutilizado
- 5.2 Formulario de contacto con campos de texto y botón enviar
- 5.3 Mapa estático integrado
- 5.4 Footer reutilizado
PROMPTS RELACIONADOS · BELLEZA / SPA
