NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia Formación Vega, un estudio de arquitectura y diseño interior. El proyecto debe usar únicamente HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo. Reproduce la estructura visual del template analizado:
- **Paleta de colores**: #1C1C1C (fondo oscuro), #FFFFFF (texto principal), #F5F5F5 (sectores claros), #B19777 (destacados/links), #8A8A8A (texto secundario).
- **Tipografía**: Fuente principal "Inter", sans‑serif; títulos en peso 700, cuerpo en 400.
- **Header**: barra de navegación fija con logo (SVG placeholder) a la izquierda y enlaces Home, About, Projects, Blog, Contact a la derecha. Incluye botón hamburguesa para móvil con animación de apertura. Detrás del header, un vídeo de fondo oculto que se reproduce en buc
4.364 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.364 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 y enlaces (Home, About, Projects, Blog, Contact)
- 1.2 Hero video background, slogan rotativo y tags de servicio con imágenes
- 1.3 About block: título, párrafo grande, párrafo pequeño, tres métricas
- 1.4 Services block (placeholder, listado de categorías)
- 1.5 Footer: logo, copyright, enlaces a redes, contacto y dirección
ABOUT
- 2.1 Header interno con logo y menú secundario
- 2.2 Imagen grande del estudio, texto de presentación, métricas ampliadas
PROJECTS
- 3.1 Galería tipo grid con filtros por tipo de proyecto
- 3.2 Card de proyecto con imagen, título y breve descripción
BLOG
- 4.1 Lista de artículos con imagen destacada, título y extracto
- 4.2 Paginación simple
CONTACT
- 5.1 Formulario de contacto básico (nombre, email, mensaje)
- 5.2 Mapa incrustado y datos de ubicación
PROMPTS RELACIONADOS · EDUCACIÓN
