Balance For Life
Version 1.0February 2026
Balance For Life

Brand Guidelines

The official resource for brand assets, color palettes, typography, and design standards.

Marketing Assets

App Screenshots

High-resolution app screenshots for marketing materials, presentations, and promotional content.

Home Screen

Dashboard

Features

Profile

Usage Guidelines

Do's

  • • Use in marketing presentations and pitch decks
  • • Include in press releases and media kits
  • • Display on website and app store listings
  • • Share on social media with proper attribution

Don'ts

  • • Don't alter or edit the screenshots
  • • Don't crop out the app interface elements
  • • Don't use low-resolution versions
  • • Don't misrepresent app functionality
02

Colors

Our mint color palette conveys wellness, growth, and trust. Click any color to copy.

Primary — Mint

Mint 500 is our primary brand color — use for buttons, CTAs, and key UI elements.

Neutrals — Gray

Gray 600 for body text, Gray 900 for headings.

Semantic

03

Typography

We use system fonts for fast loading and native feel across all platforms.

Font Stack

Type Scale

Aa
DisplayBold
60px
Aa
H1Bold
48px
Aa
H2Bold
36px
Aa
H3Semibold
30px
Aa
H4Semibold
24px
Aa
BodyRegular
16px
Aa
SmallRegular
14px
04

Buttons

Consistent button styles with clear visual hierarchy.

Primary

Secondary

Outline

On Dark

Sizes

05

Spacing

Consistent spacing based on a 4px grid creates visual harmony.

Base Scale

Section Spacing

06

Icons

We use Heroicons for consistent, high-quality interface icons.

Installation

Browse all →

Common Icons

Sizes

07

Cards

Consistent card designs with smooth hover interactions.

Wellness Support

Comprehensive behavioral health support tailored to your needs.

Easy Access

Connect with professionals anytime, anywhere you need support.

Secure & Private

Your information is protected with enterprise-grade security.

Card Properties

BackgroundWhite
Border Radius16px
Padding32px
Hover ScaleNone (shadow only)
08

Voice & Tone

Our voice is accessible, supportive, and empowering.

Tagline

Accessible. Affordable. Effective.

Do

  • Use "you" and "your"
  • Keep sentences short
  • Lead with benefits
  • Use active voice

Don't

  • Use clinical jargon
  • Make outcome promises
  • Use fear messaging
  • Overcomplicate

Headlines

CTAs

09

Motion

Subtle, purposeful motion creates a polished experience.

Transitions

Hover Effects

Scale
hover:scale-105
Lift
hover:-translate-y-1
Shadow
hover:shadow-lg

Page Animations