🌌 ¿Qué es Google Antigravity?
Google Antigravity es un proyecto conceptual que explora cómo la tecnología futura podría integrase con la moda. Este proyecto combina elementos de diseño espacial, física teórica y experiencias inmersivas.
✨ Concepto de esta Experiencia
ANTIGRAVEDAD es una colección de moda futurista que desafía las leyes de la gravedad. Cada prenda está diseñada con tecnología ficticia pero plausible, transportándote a un futuro donde la ropa no solo es bonita, sino que interactúa con tu entorno de formas increíbles.
🛠️ Tecnología Implementada
- CSS Gradientes y Animaciones: Efectos visuales futuristas con gradientes neón y movimientos fluidos
- Sistema de Navegación: Múltiples páginas interconectadas sin recargar
- Diseño Responsivo: Funciona perfectamente en todos los dispositivos
- Interactividad Completa: Carrito de compras, detalles de productos y efectos hover
🎨 Elementos Clave del Diseño
- Colores Neón: Gradientes de cian, púrpura y rosa para crear energía futurista
- Tipografía Monoespaciada: Monoespaciada que recuerda a interfaces de computadora
- Animaciones Fluidas: Movimientos flotantes y efectos de brillo
- Contraste Alto: Fondo blanco y texto negro para máxima legibilidad
🎯 Tu Tarea como Alumno
Crea tu propia experiencia futurista siguiendo este modelo.
📋 Requisitos Mínimos
- ✅ Elige un tema (moda, comida, deportes, música, etc.)
- ✅ Selecciona una paleta de colores coherente (2-3 colores principales)
- ✅ Crea al menos 4 productos con sus propias páginas de detalle
- ✅ Implementa un sistema de navegación funcional
- ✅ Añade animaciones CSS (al menos 2 tipos diferentes)
- ✅ Haz que sea totalmente responsivo
- ✅ Incluye información interactiva (botón, modal, o sección info)
💡 Ideas de Temas
- 🍕 Comida Futurista: Restaurante espacial con menú holográfico
- 🚗 Vehículos Autónomos: Catálogo de coches del futuro
- 🎮 Gaming Extremo: Tienda de dispositivos gamers del 2050
- 🎵 Instrumentos Musicales: Sintetizadores neuronales
- 🏡 Arquitectura Sostenible: Casas eco-inteligentes
- ⚽ Equipamiento Deportivo: Gear para deportes espaciales
🚀 Consejos para Sobresalir
- 🎨 Sé creativo con los colores, pero mantén coherencia visual
- ✍️ Escribe descripciones de productos ingeniosas y detalladas
- ⚡ Añade efectos visuales únicos (no copies este exactamente)
- 📱 Prueba en móvil, tablet y escritorio
- 🎬 Implementa transiciones suaves entre páginas
- 🔤 Elige una tipografía que refleje tu tema
⚠️ NO HAGAS
- ❌ No copies este proyecto exactamente
- ❌ No uses alert() para interacciones (usa modales o mensajes en línea)
- ❌ No olvides móviles (sé responsivo)
- ❌ No hagas un sitio aburrido sin animaciones
- ❌ No olvides probar tu código
📞 Preguntas Frecuentes
¿Puedo usar librerías? Sí, pero mantén simplemente. HTML, CSS y JavaScript vanilla es suficiente.
¿Cuánto tiempo debería tomar? De 4 a 8 horas dependiendo de tu creatividad.
¿Cómo entrego? Comparte tu código HTML y/o un enlace Canva Code.