Mental Gravity

Mental Gravity bridges psychological science, high-performance coaching, and everyday mental resilience. The brand needed a look that reflected its high-performance edge. Working alongside the founder, lead creative director, and app developers, our goal was clear: ditch typical mental health clichés. No soft pastels or generic stock photos. We took a bold, design-first approach to build a distinct brand identity and interactive website.

The brand mark uses strong geometric shapes to represent weight, structure, and focus under pressure. High-contrast dark tones and sharp accent colors give the identity an energetic feel, while clean typography keeps the layout structured. Every asset across the site was custom-made using sharp graphics, dynamic patterns, and smooth motion design to keep the experience completely unique.

To bring the product to life on the web, we built an interactive exercise animation on the homepage that matches the exact motion used in the app. Making this work smoothly in Webflow was a fun challenge, requiring custom JavaScript scroll-triggers to keep the movement fluid on both desktop and mobile. Every section flows directly into a simple sign-up form, making it easy for users to join the waitlist before the app launches.