TeleSage
Video · Light
Design System Inspiration
Telesage — extracted via DESIGN.md
Healthcare · Mental health research
Typography
HKGroteskPro
Heading
Feather
Body
Color palette
TL;DR
Telesage utilizes a structured, Bootstrap-derived aesthetic that emphasizes legibility and professional trust. The palette is dominated by a deep navy `#161c2d` for text and `#1b2a4e` for dark section backgrounds, contrasted against a clean white `#ffffff` canvas. A bright primary blue `#335eea` serves as the sole interactive driver for CTAs and links. Typography relies exclusively on **HKGroteskPro**, a modern sans-serif that scales from massive 61px display headings to functional 17px body text. Layouts are strictly sectioned with 96px vertical rhythms and 6px border radii on interactive elements.
Target audience
The site targets professionals and organizations seeking mental health solutions, aiming to convey trustworthiness and expertise through a clear and organized presentation.
Full tech stack
Brand Voice
Clinical, authoritative, and efficient, speaking with the precision of a seasoned medical researcher.
Positioning
TeleSage provides advanced, web-based behavioral health screenings and diagnostic assessments for clinicians, researchers, and healthcare organizations. It bridges the gap between rigorous academic research and practical clinical application through HIPAA-compliant, automated tools.
Voice principles
- —Clinical and Precise: Use medical and technical terminology (e.g., "differential diagnosis", "rigor", "reliability") to establish scientific credibility.
- —Efficient and Direct: Focus on the reduction of "burden" and the speed of "instant" reporting.
- —Evidence-Based: Ground all claims in history, grants (NIMH, CDC, NIDA), and established diagnostic criteria.
- —Professional yet Accessible: Maintain a serious tone that remains "user-friendly" for both the staff administering tests and the clients taking them.
