Built with Framer

Case Study: Aurae
Role: Web Designer
Tools Used: Framer, Affinity Suite (Designer, Publisher)
Deliverables: UX/UI Design Architecture, Web Production & Deployment
Aurae is a privacy-first digital wellness ecosystem that translates real-time biometric telemetry from wearables, such as heart rate variability (HRV), sleep cycles, and stress proxies,into dynamic, generative neuro-acoustic soundscapes.
The goal was to design an interactive web architecture that mirrors the product's core philosophy: creating a beautifully restrained digital environment that fades seamlessly into the background to restore internal calm.
How do you design a visual identity and web experience for an application that actively avoids trapping the user's attention? The solution required immense restraint, balancing sophisticated technical precision with a visceral sense of tranquility. The interface needed to feel less like a piece of software and more like an open digital sanctuary.
3. Visual Strategy & Art Direction
We intentionally rejected cold, clinical medical blues and generic "zen" greens. Instead, we curated a dynamic, fluid mesh gradient combining Lavender, Mint, and Light Blue, overlaid with a rich, tactile chromatic noise texture. This gradient serves as a direct visual metaphor for the shifting internal states of the human nervous system.
To project both authority and mindful clarity, we paired a sophisticated, high-contrast Editorial Serif for main headings (bringing structure and intellectual depth) with a hyper-clean, geometric Sans-Serif for body prose to optimize legibility and minimize cognitive load.
The smartphone viewport was treated like a premium printed editorial layout rather than a cluttered app interface. We stripped away excess metadata, defaulting to a serene "Welcome Back" landing state centered entirely around user calm.

Built completely on Framer, the web ecosystem utilizes an elegant, asymmetric layout grid. Information is spaced with generous padding, giving the typography room to breathe and allowing the user to digest the manifesto without feeling rushed.

1 like · 14 views · Jun 30, 2026
Designed a calming web ecosystem for digital wellness using Framer and Affinity Suite.
Timeline
Jun 9, 2026 - Jun 29, 2026