Nura Health Landing Page
A high-end clinical boutique aesthetic for premium health and biotech verticals. This design system, titled Nura Health, leverages a deep charcoal dark mode with organic earth-tone accents in moss green and terracotta clay. It features sophisticated scroll-driven animations including sticky stacking cards, split-text reveals, and glassmorphic navigation. Suitable for longevity SaaS, wellness clinics, medical telemetry platforms, and high-end organic skincare brands. Key visual identifiers include editorial typography using Cabinet Grotesk, a global noise texture overlay for a tactile feel, and interactive GSAP-powered micro-interactions.
Summary
A modern, minimal, and organic clinical landing page designed for premium health SaaS. It utilizes a dark charcoal base with moss green and clay accents, featuring a floating glassmorphic navbar, a hero section with staggered headline reveals, and a unique sticky-stacking protocol section where cards blur and scale as they are overlapped.
Style
The style blends high-tech precision with organic textures. Typography uses Cabinet Grotesk for bold, editorial headers and Satoshi for clean, readable body text. The palette is dominated by Charcoal (#0a0a0b), Moss Green (#4a5d23), and Clay (#c86b51). A global SVG noise texture is applied at 4% opacity to create a sophisticated, non-digital paper feel. Animations are smooth and deliberate, using GSAP for scroll-triggered transforms and state transitions.
Layout & Structure
A responsive desktop-first layout consisting of a fixed floating navbar, an immersive hero with a background image overlay, an interactive feature grid, a parallax philosophy statement, and a vertical stacking protocol sequence.
Floating Navbar
Hero Section
Intelligence Architecture Grid
Sticky Stacking Protocols
Pricing Grid
System Health Footer
Components
Interactive Hover Glow Card
A card that tracks mouse position to render a localized radial gradient glow.
Card Shuffler Visual
A deck-of-cards animation for illustrating data layers.
Special Notes
Must-dos: Maintain a strict dark-mode contrast ratio; Use a specific noise texture overlay across the entire 'app-wrapper' to prevent flat digital gradients. Must-nots: Avoid bright white backgrounds or saturated neon colors; Do not use sharp corners (all UI elements should have a radius of at least 12px or be fully rounded).