Layouts

The accordion menu should preserve native gestures for opening and closing to maintain familiarity and usability. Apply branding thoughtfully through colors, typography, and interaction design for a cohesive experience. When incorporating icons, follow brand guidelines and use the approved icon library.

Best for top-level sections or areas with limited entry points. Ensure icons are recognizable and labels are clear, use existing icons from our Icon library for brand consistency. Apply branded colors for default and active states while maintaining native spacing and touch targets. Tab bar should always be placed at the bottom of the screen for both iOS and Android.

The login screen is the user’s first touchpoint and a key opportunity for brand recognition. Follow brand guidelines by using the primary color for the background and displaying the elevated gradient logotype, consistent with our website presentation.

The splash and loading screen appears when preloading is required and acts as the app’s first impression. As a key entry point, it sets the tone for the experience and could use either our primary brand color or a macro image with the predefined overlay as the background, with the elevated gradient logotype prominently centered. The design should remain minimal, distraction-free, and fully aligned with our brand identity.