NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia 'AstraViva' (agencia de diseño y desarrollo digital) usando solo HTML, TailwindCSS CDN y JavaScript vanilla en un único archivo. El objetivo es replicar la estructura y estilo del sitio analizado sin copiar texto ni imágenes originales.
---
**Paleta de colores**
- #0A0A0A (fondo principal, texto oscuro)
- #FBFBFB (texto claro, botones)
- #1ABCFE (acentos azul celeste)
- #F24E1E (acentos rojo)
- #FF7262 (acentos naranja)
- #A259FF (violeta)
- #0ACF83 (verde brillante)
**Tipografía**
- Fuente principal: 'Inter', pesos 400 y 600, tamaños variables mediante Tailwind (text-sm, text-base, text-lg, text-2xl, etc.)
- Fuente secundaria para logotipos y números: 'Poppins', peso bold.
**Header**
- Barra sticky con fondo semitransparente y
5.400 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.400 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 Header con logo, botón de menú y overlay
- 1.2 Hero con título, subtítulo, collage de imágenes isométricas y botón principal
- 1.3 Marquee horizontal de logotipos de clientes
- 1.4 Bloque informativo con texto de invitación y botón de acción
- 1.5 Footer con derechos de autor y enlaces secundarios
ABOUT
- 1.1 Header reutilizado
- 1.2 Hero interno con título y descripción
- 1.3 Imagen destacada en formato isométrico
- 1.4 Texto de misión y valores
- 1.5 Footer
WORKS
- 1.1 Header reutilizado
- 1.2 Galería grid de proyectos con efecto hover
- 1.3 Texto descriptivo y etiquetas por proyecto
- 1.4 Botón para ver más trabajos
- 1.5 Footer
CONTACT
- 1.1 Header reutilizado
- 1.2 Formulario de contacto simple (nombre, email, mensaje)
- 1.3 Información de contacto y mapa estático
- 1.4 Botón de envío
- 1.5 Footer
PROMPTS RELACIONADOS · PORTAFOLIO
