\DESIGNSORCERY>_

Jaspr Health – Suicide Prevention at Point of Care

Video · Light

Design System Inspiration

Jasprhealth — extracted via DESIGN.md

Healthcare · Suicide prevention

corporate clean elegant dark-theme typographic sticky navigation split-screen hero card-based layout scroll-triggered animations

Typography

Open Sans

Heading

Aa Aa Aa Aa

icomoon

Body

Aa Aa Aa Aa

Color palette

TL;DR

Jasprhealth utilizes a "monochrome-plus" system where a deep slate-indigo (#383a56) acts as the primary anchor for text, backgrounds, and brand iconography. The visual language is defined by extreme typographic contrast: massive display headlines (up to 70px) are set in ultra-light weights (200-300) of Source Sans Pro, creating a clinical yet approachable "editorial" feel. Secondary accents of bright cyan (#33a5be) are used sparingly for interactive borders and specific text highlights. Layouts are characterized by generous white space, sharp 0px corners on major containers, and subtle 4px radii on interactive inputs and buttons.

Target audience

The likely target audience includes healthcare providers, hospital administrators, and mental health professionals seeking innovative suicide prevention solutions at the point of care.

Full tech stack

Google Analytics Google Tag Manager imagesLoaded jQuery jQuery Migrate Material Design Lite Modernizr MySQL PHP WordPress

Analytics

Google Tag Manager Google Analytics

Brand Voice

Clinical, authoritative, and compassionate, balancing rigorous suicide science with human-centered support.

Positioning

Jaspr Health is a digital suicide prevention platform for Emergency Departments and hospitals. It provides evidence-based assessment tools and coping resources for providers and patients to improve safety outcomes and clinical workflows.

Voice principles

  • Clinical and Credible: Uses formal terminology from suicide science and academia to establish trust with healthcare systems.
  • Empowering: Focuses on providing tools, skills, and "shared stories" that give both patients and providers a sense of agency.
  • Optimized and Efficient: Emphasizes speed, standardization, and workflow integration to appeal to busy medical environments.
  • Collaborative: Highlights partnerships with experts, investigators, and people with lived experience.

More SaaS Designs

← Back to Gallery