El portal de miembros de Astral sigue una regla de oro: el grid de 8px. Cada espaciado, cada margen, cada gap es múltiplo de 8. Esto crea ritmo visual.
La anatomía de un dashboard celestial
Las tarjetas de stats usan un grid de 2 columnas en desktop y se apilan en móvil. Los datos más importantes (puntos, ranking) van arriba a la izquierda, donde el ojo aterriza primero. El sidebar nunca compite: usa grises fríos (#f8f8f8) y tipografía pequeña para mantenerse en segundo plano.
Jerarquía visual del portal Astral:
- Zona F: Perfil y ranking (arriba izquierda)
- Zona de seguimiento: Puntos y stats principales
- Zona de detalle: Listas y configuraciones
Un dashboard no es un almacén de datos. Es un mapa estelar que guía al usuario por su propio universo de información.