AIspire360 Brand Guidelines

Comprehensive design standards for creating consistent, empathetic experiences across all touchpoints.

Logo Usage

Primary Logo

AIspire360

Use on light backgrounds with minimum 32px padding on all sides.

Logo on Dark

AIspire360

Use white version on dark backgrounds with minimum 32px padding.

Spacing Rules

AIspire360

Maintain clear space equal to the height of the "A" character.

Color Palette

Primary Blue

#2B5A87

Main brand color, primary CTAs, links

Secondary Coral

#F3745B

Accent color, secondary CTAs, highlights

Accent Navy

#0F1824

Headlines, text, dark backgrounds

Deep Blue

#1E3A5F

Secondary blues, depth, gradients

Soft White

#F7FAFC

Background, cards, light sections

Medium Gray

#718096

Body text, secondary information

Typography

Headline Font

Inter Bold

Used for headlines, titles, and emphasis

Inter 400, 600, 700

Body Font

Lato provides excellent readability for body text and creates a professional, approachable feeling. This font works well across all platforms and maintains clarity at various sizes.

Lato 300, 400, 600

Typography Scale

Heading 1 - 56px

Heading 2 - 40px

Heading 3 - 32px

Heading 4 - 24px

Body Text - 18px

Small Text - 14px

Buttons & CTAs

Primary Button

Feel Good Hover State

Background: Coral to Blue gradient

Border Radius: 16px

Padding: 14px 32px

Font: Inter 600

Secondary Button

Learn More Hover State

Background: Transparent

Border: 2px Blue

Border Radius: 16px

Hover: Blue background

Component Examples

Feature Card

🤖

AI Scribing & Visit Summaries

Real-time, accurate clinical notes generated from patient interactions to reduce documentation time.

Section Header

AI-Powered Solution for Mental Health Clinicians and Organizations

From front desk automation to clinical documentation to patient engagement—AIspire360 streamlines every step of the care journey.

Imagery Style Guide

Portrait Style

Empathetic AI Portraits

Use diverse, calming portraits with technology elements

Hero Composition

16:9 Ratio

Right-side dark fade

Technology gradients

Color Treatment

Apply brand color overlays to maintain consistency

Voice & Tone

Empathetic

"We understand the challenges you face every day."

✓ Do: "Helping clinicians deliver care with less burnout."
✗ Don't: "Optimize your workflow efficiency metrics."

Professional

"Trusted by healthcare professionals nationwide."

✓ Do: "Evidence-based AI solutions."
✗ Don't: "Cool AI stuff that works great!"

Clear

"Simple solutions for complex challenges."

✓ Do: "Automated patient intake saves time."
✗ Don't: "Leverage synergistic automations."

Gradient Options for Evaluation

Current Gradient

Coral to Deep Blue

Current: linear-gradient(135deg, #F3745B 0%, #2B5A87 100%)

Warm to cool transition with energetic coral leading to trustworthy deep blue.

Option 1: Deep Ocean

Multi-Blue Depth

Option 1: linear-gradient(135deg, #2B5A87 0%, #1E3A5F 50%, #F3745B 100%)

Sophisticated blue depth with coral accent. More professional, less energetic.

Option 2: Deep Navy

Professional Depth

Option 2: linear-gradient(45deg, #0F1824 0%, #2B5A87 100%)

Ultra-professional dark navy to blue. Maximum trust and authority.

Option 3: Coral Focus

Warm to Deep

Option 3: linear-gradient(135deg, #F3745B 0%, #1E3A5F 50%, #0F1824 100%)

Energetic coral leading to deep navy. Balances warmth with deep professionalism.