Brand Style Guide - Emily Williams Counseling

Brand Style Guide

Official brand guidelines, colors, fonts, and downloadable assets

Logo

On Light Background

On Dark Background

Download Logo Files

High-resolution logo files for various use cases. All files are PNG format with transparent backgrounds.

Print-Ready (High Resolution)

For business cards, brochures, signage, and other printed materials

Social Media Profiles

Optimized for Facebook, Instagram, and LinkedIn profile pictures

Logo Usage Guidelines: Maintain clear space around the logo equal to the height of the leaf icon. Do not distort, rotate, or alter the logo colors. Minimum size: 120px wide for digital use, 1 inch wide for print.

Print files: High-resolution PNG (300+ DPI equivalent)

Social media files: Optimized PNG with transparent backgrounds

Recommended sizes: Facebook/LinkedIn 400x400px, Instagram 320x320px

Social Media Graphics

Facebook Cover Photo

Emily Williams Counseling Facebook Cover

Professional Facebook cover photo featuring your website's Texas Hill Country hero image, optimized for Facebook's banner dimensions with space for your profile photo.

Usage: Upload to your Facebook business page as the cover photo. The left side has space reserved for your circular profile photo. This image matches your website hero for brand consistency.

Dimensions: 1640x624px (Facebook recommended size)

Format: PNG

Style: Texas Hill Country landscape with brand colors

Profile photo space: Left side reserved for circular profile image

Favicon & Icon

Large Preview

Browser Tab (32x32)

Small Icon (16x16)

Download Favicon

The leaf icon from our logo, optimized for use as a website favicon and app icon.

Favicon Usage: This leaf icon represents the Emily Williams Counseling brand in browser tabs, bookmarks, and mobile home screens. The sage green color (#6B8580) maintains brand consistency across all touchpoints.

Format: PNG with transparent background

Size: 512x512px (scales to all required sizes)

Color: Sage Green (#6B8580)

Use cases: Website favicon, iOS home screen icon, Android app icon, browser bookmarks

Color Palette

Background

Main page background - warm cream

HEX

#FAF7F2

RGB

rgb(250, 247, 242)

Primary (Sage Green)

Primary brand color - buttons, accents, headers

HEX

#6B8580

RGB

rgb(107, 133, 128)

HSL

hsl(170, 15%, 45%)

Secondary (Teal)

Secondary accent color

HEX

#7B9E9B

RGB

rgb(123, 158, 155)

Accent (Terracotta)

Accent color for highlights and CTAs

HEX

#C17B6C

RGB

rgb(193, 123, 108)

Blue Accent

Professional blue for trust elements, CTA buttons

HEX

#3D4F5C

RGB

rgb(61, 79, 92)

HSL

hsl(210, 20%, 31%)

Foreground (Text)

Primary text color - near black

HEX

#0A0A0A

RGB

rgb(10, 10, 10)

Typography

Lora

Serif • Headers and emphasis text

Weights:

600 (Semibold), 700 (Bold)

CSS Import:

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@600;700&display=swap');

CSS Family:

font-family: 'Lora', serif;

Download from Google Fonts

Preview:

Aa Bb Cc

The quick brown fox jumps over the lazy dog

0123456789

Source Sans 3

Sans-serif • Body text and general content

Weights:

400 (Regular), 500 (Medium)

CSS Import:

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500&display=swap');

CSS Family:

font-family: 'Source Sans 3', sans-serif;

Download from Google Fonts

Preview:

Aa Bb Cc

The quick brown fox jumps over the lazy dog

0123456789

Brand Slogan

Empathy • New Perspectives • Growth

Typography: Lora (serif), Italic, Letter-spacing: 0.05em

Colors: Empathy (Sage Green #6B8580) • New Perspectives (Teal #7B9E9B) • Growth (Terracotta #C17B6C)

Separator: Bullet points (•) between words

Need Additional Assets?

For additional logo formats (SVG, EPS, AI), brand guidelines PDF, or custom sizes, please contact Emily directly.

Request Assets