Skip to main content

Brand Resources

Brand Guidelines

Official brand resources, logos, and usage guidelines for representing Sunshine on a Ranney Day.

Logos

Download our official logos in various formats and variations.

Download All Assets
Primary Logo

Primary Logo

Main logo for light backgrounds

PNGWebP
White Logo

White Logo

Logo for dark backgrounds

PNGWebP

Icons

Square icons, badges, and mascot marks for web, mobile, and social use.

Circle Badge

Circle Badge

Social profiles, stickers

PNG
Sunny the Dream Pig

Sunny the Dream Pig

Mascot mark

PNG

Logo Usage

Guidelines for proper logo implementation and presentation.

Light Background
Logo on light background

Use the primary logo on light backgrounds. Ensure adequate contrast and clear space.

Dark Background
Logo on dark background

Use white or inverted version on dark backgrounds. Maintain strong contrast.

Logo Guidelines

✓ Do

  • ✓Maintain clear space around logo
  • ✓Scale proportionally
  • ✓Ensure sufficient contrast
  • ✓Min. 1.25" print, 75px digital

✗ Don't

  • ✗Distort or rotate the logo
  • ✗Change logo colors
  • ✗Add effects or shadows
  • ✗Modify or recreate

Visual Examples

Correct

Proper proportions and clear space

Incorrect

Don't stretch or distort

Correct

Good contrast with background

Incorrect

Don't use on low-contrast backgrounds

Color Palette

Our color system ensures visual consistency and brand recognition.

Sunshine Yellow

CTAs, brand accents

PMS 116 C#FFDA24RGB 254, 217, 37CMYK 0, 6, 87, 0

SOARD Dark

Primary text, headings

PMS 447 C#373A36RGB 55, 58, 54CMYK 50, 30, 40, 90

White

Backgrounds

#FFFFFFRGB 255, 255, 255CMYK 0, 0, 0, 0

Dark Deep

Footer, dark sections

#1A1B1FRGB 26, 27, 31

Cream

Page backgrounds

#FEFCF5RGB 254, 252, 245

💡 Color Usage

Use Sunshine Yellow (#FFDA24) sparingly for CTAs and highlights. SOARD Dark and neutrals form the foundation. Important: The three core brand colors — Sunshine Yellow (PMS 116 C), SOARD Dark (PMS 447 C), and White — are required for all print materials. Ensure WCAG AA contrast minimum for accessibility. Click any color to copy HEX.

Typography

We use Libre Baskerville for display and Outfit for body text, providing an editorial feel with modern readability.

Libre Baskerville

Display / Headlines
Regular (400)Dreams built here since 2012
Italic (400)Dreams built here since 2012
Bold (700)Dreams built here since 2012

Outfit

Body / UI
Light (300)The quick brown fox jumps over the lazy dog
Regular (400)The quick brown fox jumps over the lazy dog
Medium (500)The quick brown fox jumps over the lazy dog
Semibold (600)The quick brown fox jumps over the lazy dog
Bold (700)The quick brown fox jumps over the lazy dog

Font Weight Usage

  • ●Light (300) for hero text, large displays
  • ●Regular (400) for body copy
  • ●Semibold (600) for emphasis, buttons
  • ●Bold (700) for headings, CTAs

Spacing & Hierarchy

  • ●Very tight leading (1.05–1.2) for headings
  • ●Relaxed leading (1.625) for body text
  • ●Tight tracking for headlines
  • ●Wide tracking (0.05em) for uppercase labels

Voice & Tone

Our brand voice reflects who we are and how we communicate.

We are

Warm & Genuine

Approachable and heartfelt in every interaction

Hopeful & Empowering

Focused on possibility, never pity

Professional

Yet approachable and human

Joyful

Building dream rooms is what we do — let the energy show

We are not

Pitying

Never reduce children to their diagnosis

Clinical

Not stiff or corporate — always personal

Guilt-Driven

Inspire through joy, never through pressure

Sloppy

Playful doesn't mean careless