TROPICAL TEXAS BEHAVIORAL HEALTH
Digital Design Language
A calm, welcoming and accessible visual foundation for the TTBH website.
Version 1.1 • Typography System
Brand Color System
The logo drives a deliberately limited palette. Blue establishes trust, gold introduces warmth, and orange provides controlled emphasis.
Typography System
The typography system separates visual role from document structure. Cinzel provides distinctive display typography, while Source Sans 3 supports clear, highly readable headings and body content. Semantic heading levels should always follow the page outline, independent of the visual preset selected.
DISPLAY TYPOGRAPHY
Hero title TTBH • Display XL
Hope Begins Here
Interior hero or page title TTBH • Display L
Adult Mental Health Services
Major section title TTBH • Display M
Support for Every Stage of Life
CONTENT TYPOGRAPHY
Primary content heading TTBH • Heading XL
Care That Meets You Where You Are
Section heading TTBH • Heading L
Services for Individuals and Families
Card, accordion or supporting heading TTBH • Heading M
Outpatient Counseling
SUPPORTING TEXT ROLES
Body TTBH • Body
Clear, compassionate language is presented at a comfortable reading size, with generous line spacing and controlled line length. This preset is intended for primary paragraph content throughout the site.
Eyebrow TTBH • Eyebrow
TROPICAL TEXAS BEHAVIORAL HEALTH
Caption TTBH • Caption
Community outreach event, July 2026
Small utility text TTBH • Small
Privacy Accessibility Website information
Buttons and Actions
Buttons use sentence case, direct language and consistent visual priority.
Component Direction
Warm callout
Use gold and orange as supportive accents, not as body-text colors.
Need immediate help?
Urgent information receives unmistakable, high-contrast treatment.
WCAG 2.2 AA Guardrails
Fluid 16–18px body copy, 1.5–1.7 line height and approximately 60–75 characters per line.
Deep navy, blue and ink carry text. Gold and orange are reserved for larger elements and accents.
Keyboard focus must remain obvious, consistent and unobscured.
Interactive controls should meet or exceed 44 × 44 CSS pixels.