Room to CareWHERE EDUCATION MEETS EMPATHY

Brand Guidelines โ€” Version 2.0

The Visual Language
of Room To Care

Where Education Meets Empathy

This guide defines how Room To Care looks, sounds, and feels across every medium. Use it to create materials that are consistent, accessible, and true to our mission.

Version
2.0
Audience
Internal & Vendor
Standard
WCAG AA
Updated
2026

Who We Are

Mission & Brand Voice

Room To Care exists at the intersection of education and empathy. Every visual and verbal choice we make should reflect our commitment to healthcare workers, caregivers, and the communities we serve.

๐Ÿ’™
Mission
To provide education that meets caregivers where they are โ€” with clarity, warmth, and deep respect for their work.
๐ŸŽ“
Voice: Educate
Clear, confident, and credible. We explain complex care topics in plain language without condescension.
๐Ÿค
Voice: Empathize
Human, warm, and never clinical. We acknowledge the emotional labor of caregiving and honor it in every message.
โœจ
Tone
Approachable yet authoritative. Hopeful but grounded. Storytelling-forward. Never corporate, never cold.

Visual Identity

Color System

Room To Care's palette draws from water, sky, and earth โ€” each color chosen to evoke trust, warmth, and clarity. Click any swatch to copy its hex code.

Primary Palette

Sky Reflection
#6AAED4
RGB 106,174,212
CMYK 49,17,0,16
Primary Light
Cornflower Ocean
#07689F
RGB 7,104,159
CMYK 95,34,0,37
Primary Dark
Jet Black
#2A363B
RGB 42,54,59
CMYK 28,8,0,76
Neutral Dark
Carbon Black
#151B1D
RGB 21,27,29
CMYK 27,6,0,88
Neutral Darkest
Golden Bronze
#B99A45
RGB 185,154,69
CMYK 0,16,62,27
Accent
Wheat
#E6D3A0
RGB 230,211,160
CMYK 0,8,30,9
Accent Light

Secondary Palette

Stormy Teal
#0D7377
RGB 13,115,119
CMYK 89,3,0,53
Secondary
Dark Teal
#084749
RGB 8,71,73
CMYK 89,2,0,71
Secondary Dark
Strong Cyan
#2CD1D7
RGB 44,209,215
CMYK 79,2,0,15
Accent Teal
Burnt Rose
#952735
RGB 149,39,53
CMYK 0,73,64,41
Alert Only

Visual Identity

Typography System

Three typefaces work in concert. Never use more than two in a single layout. Adobe Aldine carries emotion; IBM Plex Sans delivers information; Source Sans 3 handles UI.

Primary โ€” Emotion & Storytelling
Adobe Aldine
Headlines ยท Chapter Titles ยท Pull Quotes ยท Taglines
Where Education Meets Empathy
Secondary โ€” Education & Clarity
IBM Plex Sans
Body Copy ยท Training Modules ยท Reports ยท Website Paragraphs
Clarity builds trust. Confidence empowers.
Tertiary โ€” Utility & Interface
Source Sans 3
Buttons ยท Captions ยท Navigation ยท Data Labels ยท UI Elements
LEARN MORE ยท GET STARTED

Type Scale Reference

Display / Hero H1Adobe Aldine48โ€“72pt / 3โ€“4.5rem400 RegularLH 1.1
Section Heading H2Adobe Aldine32โ€“40pt / 2โ€“2.5rem400 RegularLH 1.2
Sub-heading H3IBM Plex Sans20โ€“24pt / 1.25โ€“1.5rem600 SemiboldLH 1.3
Body CopyIBM Plex Sans16โ€“18pt / 1โ€“1.125rem400 RegularLH 1.7
Caption / LabelSource Sans 312โ€“13pt / 0.75โ€“0.8rem600 SemiboldLH 1.4
Button / CTASource Sans 313โ€“14pt / 0.8โ€“0.875rem700 BoldLH 1.0

Visual Identity

Image Style

Room To Care imagery should feel human, warm, and purposeful. Photography tells the story of real caregiving โ€” never staged, never stock-perfect. Every image should feel like it could have been taken by someone who was in the room.

Image Categories

Authentic Connection
Real people, candid moments, natural warmth between caregiver and client
Education in Action
Training settings, learning moments, knowledge being transferred
Home & Community
Real home settings, community spaces, neighborhood environments
Warmth & Hope
Golden tones, natural light, hopeful moments โ€” never clinical white

โœ“ Always Choose Images That Show

โœ“ Human connection โ€” eye contact, touch, presence
โœ“ Real, non-staged environments (homes, community spaces)
โœ“ Warm color grading: golden tones, natural light
โœ“ Diverse representation of caregivers and clients
โœ“ Environmental storytelling โ€” clutter, texture, life
โœ“ Candid moments over posed photography

โœ— Never Use Images That Are

โœ— Over-saturated or heavily filtered images
โœ— Cold, clinical, or overly bright / blown-out photos
โœ— Generic stock photos with artificial smiles
โœ— Isolated subjects on white or grey backgrounds
โœ— Images without clear emotional narrative
โœ— Any imagery that feels corporate or detached

Color Treatment: Apply a warm grade โ€” slight increase in Kelvin (+5โ€“15K), subtle desaturation (โ€“5), teal-tinted shadows, wheat-toned highlights. Avoid cold blues, hard contrast, or heavy Instagram-style presets. The goal is real life, slightly more beautiful.

Visual Identity

Gradient System

Gradients are used for hero backgrounds, video overlays, and emotional design moments. All gradients derive from the brand palette โ€” never introduce colors outside the system.

Ocean โ†’ Sky
Hero backgrounds, web banners
Carbon โ†’ Ocean
Dark hero, video overlays
Dark Teal โ†’ Stormy
Training, education content
Stormy โ†’ Cyan
Accent moments, social graphics
Wheat โ†’ Golden
Warmth, recognition, awards
Carbon โ†’ Dark Teal
Video intros, full-bleed dark

Usage rule: Use gradients sparingly โ€” for one major element per layout. Avoid gradients on body text backgrounds. Always ensure text placed over gradients meets WCAG AA contrast (minimum 4.5:1 for normal text).

Applications

Social Media

Room To Care is present on Instagram, Facebook, LinkedIn, and YouTube/TikTok. Each platform has different dimensions and content rhythms โ€” but all must maintain consistent brand voice and visual identity.

๐Ÿ“

Dimensions

Feed Post1080 ร— 1080 px
Portrait Post1080 ร— 1350 px
Story / Reel1080 ร— 1920 px
Profile Photo320 ร— 320 px
๐ŸŽจ

Visual Style

BackgroundWhite, #F7F5F0, or brand dark
Headline fontAdobe Aldine
Body fontIBM Plex Sans
AccentCornflower Ocean or Gold
โœ๏ธ

Caption Style

Length150โ€“300 characters
ToneWarm, story-driven, hopeful
Hashtags3โ€“7 per post
CTAAlways include one clear action

Caption Style

Lead with human impact. Open with a story or a question. Keep it under 2200 characters. Emoji used sparingly โ€” end of post only.

Tone

Warm, story-driven, hopeful. Conversational but purposeful.

Applications

Web Design

The Room To Care website is the brand's most visible touchpoint. It must feel warm and human while maintaining professional credibility. Clean layouts, generous whitespace, and accessible type are non-negotiable.

๐ŸŽจ

Color Application

Background#FFFFFF or #F7F5F0
Primary text#2A363B (Jet Black)
Links#07689F (Ocean)
CTA buttons#07689F on white
Section breaks#F7F5F0 alternating
๐Ÿ“

Layout Rules

Max content width1200โ€“1280 px
Side padding24โ€“80 px responsive
Section padding80โ€“120 px vertical
Grid12-col, 24px gutter
๐Ÿ”˜

Button Styles

PrimaryOcean #07689F, white text
SecondaryWhite, Ocean border
Border radius4px
HoverDarken 10%
Min target44 ร— 44 px
๐Ÿ”ค

Typography

H1Adobe Aldine, 3โ€“3.5rem
H2IBM Plex Medium, 2โ€“2.5rem
H3IBM Plex Medium, 1.5โ€“1.75rem
BodyIBM Plex Regular, 1rem
Line height1.6โ€“1.8ร—
๐Ÿ“

Spacing System

Base unit8px
Component gap16โ€“24px
Section gap80โ€“120px
Card padding24โ€“40px
๐Ÿ–ฑ๏ธ

Interaction

Transition200ms ease
Focus ring3px Ocean offset
Shadow (card)0 2px 12px rgba(0,0,0,.08)
Shadow (hover)0 8px 28px rgba(0,0,0,.12)

Applications

Print Design

Print materials represent Room To Care in physical spaces โ€” trainings, events, offices, and partner facilities. Every printed piece is an ambassador for the brand.

๐Ÿ’ณ

Business Cards

Size3.5 ร— 2 in
Front BGCornflower Ocean #07689F
NameAdobe Aldine 14 pt white
TitleIBM Plex Regular 9 pt white
BackWhite with color logo
Bleed0.125 in all sides
๐Ÿ“„

Letterhead / Documents

PaperUS Letter 8.5 ร— 11 in
Margins1 in all sides
HeaderColor logo, left-aligned
BodyIBM Plex Regular 10.5โ€“11pt
Accent bar3px Ocean Blue top rule
๐Ÿ“–

Brochures

FormatTrifold / bifold
Flat size8.5 ร— 11 in
Cover BGOcean or gradient
InteriorWhite, #F7F5F0 alternating
Bleed0.125 in all sides
๐ŸŽช

Event Materials

Pull-up banner33 ร— 80 in
Table tent4 ร— 6 in
Poster11 ร— 17 in or 18 ร— 24 in
Nametag3.5 ร— 2.25 in
๐Ÿ–จ๏ธ

Color Specs

Color modeCMYK only โ€” never RGB
Ocean (CMYK)95, 34, 0, 37
Gold (CMYK)0, 16, 62, 27
Jet (CMYK)18, 6, 0, 76
Pantone (Ocean)PMS 7690 C
๐Ÿ“

File Specs

FormatPDF/X-1a or PDF/X-4
Resolution300 DPI minimum
FontsEmbedded, no subsetting
ImagesTIFF or embedded PDF
ProofSoft-proof before print

Applications

Video Design

Video is Room To Care's most powerful storytelling medium. Every video should feel intentional, warm, and professionally crafted โ€” whether it's a 30-second social clip or a full training module.

๐ŸŽฌ

Master Resolution

Export master4K UHD (3840 ร— 2160)
Web delivery1920 ร— 1080 (H.264)
Social square1080 ร— 1080
Social vertical1080 ร— 1920 (9:16)
Frame rate23.976 or 29.97 fps
๐Ÿ“

Lower Thirds

Name lineIBM Plex Semibold, white
Title lineSource Sans 3, 75% white
BackgroundOcean Blue, 85% opacity
Accent3px Cyan left bar
AnimationFade + 20px slide in
๐ŸŽš๏ธ

Audio Standards

Loudness target-14 LUFS (streaming)
True peak-1 dBTP ceiling
Music bed-18 to -22 LUFS under VO
VoiceWarm, clear, -12 to -9 dBFS
CaptionsSRT required, all videos
๐ŸŽจ

Color Grade

LookWarm, natural, not stylized
Highlights+15 warmth
ShadowsSlightly lifted, not crushed
Skin tonesProtected, natural
LUTCustom RTC warm-neutral
๐Ÿท๏ธ

Brand Elements

Intro2โ€“3s Ocean gradient + logo
Outro5s logo lock-up + URL
WatermarkLogo bug, lower-left, 70%
End cardSubscribe + related video
๐ŸŽฅ

Content Style

B-rollNatural light, community spaces
InterviewsShallow DoF, warm BG
MusicAcoustic or ambient, royalty-free
PacingUnhurried, intentional cuts

Standards

Accessibility

Room To Care's commitment to inclusion extends to every pixel. All digital materials must meet WCAG 2.1 AA standards at minimum. The following contrast pairs are approved for use.

WCAG AA Contrast Checker

HeadingBody text sample
White on Ocean Blue
9.2:1AA PASS
HeadingBody text sample
Ocean Blue on White
5.2:1AA PASS
HeadingBody text sample
Jet Black on White
13.4:1AA PASS
HeadingBody text sample
White on Jet Black
13.4:1AA PASS
HeadingBody text sample
Jet Black on Off-White
12.1:1AA PASS
HeadingBody text sample
Ocean on Off-White
4.9:1AA PASS
HeadingBody text sample
White on Stormy Teal
5.8:1AA PASS
HeadingBody text sample
Sky on White โš 
2.9:1FAIL
HeadingBody text sample
Gold on White โš 
2.3:1FAIL

Normal Text

4.5:1 minimum

Body copy at any size

Large Text

3:1 minimum

18pt+ regular or 14pt+ bold

UI Components

3:1 minimum

Buttons, form inputs, icons

Focus Indicator

3px ring

Ocean color, keyboard-nav only

Touch Targets

44ร—44px min

Use padding to meet size

Alt Text

All images

Decorative: alt="". Informative: describe.

Standards

Do & Don't

These rules protect the integrity of the Room To Care brand. When in doubt, ask: does this feel warm, clear, and credible? Does it honor our mission?

โœ“ Always Do

  • โœ“Use Adobe Aldine sparingly and intentionally for maximum impact
  • โœ“Give headlines generous line-height and breathing room
  • โœ“Keep body copy calm, readable, and well-spaced
  • โœ“Maintain WCAG AA contrast on all text elements
  • โœ“Let emotion come from words and composition, not effects
  • โœ“Use the heart symbol as a source of warmth, not decoration
  • โœ“Apply the correct logo version for each background
  • โœ“Use sentence case for headlines (not all caps)
  • โœ“Ensure all images have descriptive alt text
  • โœ“Export print files in CMYK at 300 DPI or higher

โœ— Never Do

  • โœ—Mix all three typefaces in a single layout
  • โœ—Use all caps for headlines โ€” especially in Adobe Aldine
  • โœ—Add shadows, glows, outlines, or effects to text
  • โœ—Compress or expand letterforms or line spacing
  • โœ—Place the logo on busy photos without a contrast overlay
  • โœ—Recreate or modify the logo in any way
  • โœ—Use Sky Reflection (#6AAED4) as a text color on white
  • โœ—Use Burnt Rose (#952735) as a primary or decorative brand color
  • โœ—Over-animate typography or use heavy motion presets
  • โœ—Use RGB color values for print production

"Every pixel is a promise to the caregivers we serve."

Room To Care Brand Philosophy

Questions about brand usage? Contact the Room To Care team.

Info@Roomtocare.com