Humble Design Brand & Style Guide

Brand & Style Guidelines

2025 Edition

Brand Voice & Messaging

Our Mission

Humble Design transforms houses into homes for families emerging from homelessness. Our brand reflects the dignity, hope, and warmth we bring to every family we serve.

Brand Personality

🏠 Humble & Authentic

We are down-to-earth and genuine, never boastful about our work. Our focus is on the families we serve, not on ourselves.

✨ Hopeful & Optimistic

We believe in transformation and possibility. Every family deserves a fresh start and a beautiful home.

🤝 Professional & Reliable

We operate with integrity and consistency, building trust through our actions and communications.

❤️ Warm & Inclusive

We welcome everyone into our community, creating spaces where all feel valued and supported.

Voice & Tone Guidelines

Our voice remains consistent across all communications—warm, authentic, and professional. Our tone adapts to the context while maintaining these core qualities.

How We Communicate:

  • Personal & Direct: We speak to people, not audiences. Use "you" and "we" language.
  • Clear & Honest: We avoid jargon and speak plainly about our work and impact.
  • Positive & Solution-Focused: We emphasize hope and transformation over hardship.
  • Grateful & Inclusive: We acknowledge our volunteers, donors, and partners generously.
  • Dignified: We respect the privacy and dignity of the families we serve.

Voice Example:

"Every family deserves a place to call home. Through the generosity of our volunteers and donors, we transform empty houses into warm, welcoming spaces where families can rebuild their lives with dignity."

Logo Guidelines

Our Logo

Our logo is the cornerstone of our visual identity. The distinctive "h" with its roof represents home, shelter, and hope. It must always be used with care and respect, following the specifications outlined in this guide.

Primary Logo Variations
Vertical Logo - Orange

Vertical - Orange

Use for covers, posters, and square formats where vertical space is available.

Horizontal Logo - Orange

Horizontal - Orange

Use for headers, business cards, and wide banner applications.

Vertical Logo - Black

Vertical - Black

For single-color printing or when color reproduction is limited.

Horizontal Logo - Black

Horizontal - Black

For single-color applications and professional documents.

Icon-Only Applications
Orange H Icon with Roof

"h" Icon - Orange

Social media profiles, favicons, app icons when brand recognition is strong.

Black H Icon with Roof

"h" Icon - Black

When color is not available or single-color printing is required.

White H Icon with Roof

"h" Icon - White

For dark backgrounds and high-contrast applications.

Logo with Tagline
Logo with Tagline - All Colors

Use tagline version with "togetherness to end homelessness" for formal documents, letterhead, and when mission context is important.

Logo with Tagline - Black

Black tagline version for single-color printing and professional documents.

Logo with Tagline - Orange

Orange tagline version for high-energy materials and brand emphasis.

City-Specific Logo Resources

Complete Logo Library Access:

All city-specific logo variations and additional brand assets are available in our shared Google Drive folder.

Includes all city variations, chapter logos, and additional brand assets

Logo Usage Guidelines

✓ Do

  • Maintain minimum clear space equal to the height of the "h"
  • Use approved color variations only
  • Ensure logo is legible at all sizes
  • Use high-resolution files for print
  • Place on backgrounds with sufficient contrast

✗ Don't

  • Stretch, skew, or distort the logo
  • Change colors or add effects
  • Place on busy or low-contrast backgrounds
  • Use logos smaller than 0.5 inches in print
  • Recreate or modify the logo elements

Typography System

Typography System

Our three-font system creates perfect hierarchy and emotional resonance: Poppins for clarity, Lora for warmth, and Authenia for those special human moments that matter most.

Poppins (Sans-Serif)

Modern, clean, and highly readable. Perfect for body text, headers, and digital applications.

Clear Headlines
Poppins Bold
Body text for maximum readability and professional communication.
Poppins Regular

Lora (Serif)

Warm and approachable serif that adds personality to quotes and formal content.

Story Headlines
Lora Bold
"Testimonials and quotes that need extra warmth."
Lora Italic

Authenia (Script)*

Beautiful script for emotional moments and special words that add humanity.

Happiness
Authenia Medium
Welcome Home
Authenia Regular
Typography Hierarchy
Page Headlines
Lora Bold, 36pt, Color: Deep Teal (#11373E)
Section Subheadings
Lora Semibold, 24pt, Color: Humble Teal (#00ABB8)
Body text for articles, descriptions, and general content should maintain excellent readability while reflecting our warm, professional voice.
Poppins Regular, 14pt, Color: Deep Teal (#11373E)
Captions, small print, and supplementary information
Poppins Light, 12pt, Color: Medium Teal (#005C63)
Before & After
Authenia, 24pt+, Color: Grey or White (based on background)

Typography Usage Guidelines:

  • Headlines & Headers: Use Lora for major headlines and page titles to add warmth and personality
  • Body Text & Navigation: Use Poppins for all body text, ensuring maximum readability
  • Special Moments: Use Authenia for emotional words like "Before/After," "Helpers," "Heroes," "Happiness," "Welcome Home," "Thank You"
  • Digital Applications: Poppins performs exceptionally well on screens and in web applications
  • Print Materials: All three fonts work beautifully in print; choose based on the emotional tone desired
  • Perfect Pairing: Lora headlines + Poppins body text + Authenia emotional accents
  • Line Spacing: Maintain 1.5x line height for body text, 1.2x for headlines, 1.1x for script text
Authenia Special Applications

When to Use Authenia:

Template Labels:

  • "Before" & "After"
  • "Helpers"
  • "Heroes"
  • "Happiness"

Emotional Moments:

  • "Welcome Home"
  • "Thank You"
  • "With Gratitude"
  • "Hope"

Color Usage:

  • Light backgrounds: Use Grey (#555551) for Authenia text
  • Dark backgrounds: Use White (#FFFFFF) for Authenia text
  • Avoid brand colors: Don't use orange or teal for script text - maintain contrast
  • Test readability: Ensure sufficient contrast on all template backgrounds

Use sparingly for maximum impact. Authenia adds humanity and emphasis when Humble Design is being particularly approachable, friendly, and humble.

Font Access & Implementation:

  • Poppins: Available free from Google Fonts (fonts.google.com/specimen/Poppins)
  • Lora: Available free from Google Fonts (fonts.google.com/specimen/Lora)
  • Authenia Textured: Contact hello@humbledesign.org for access to licensed font files
  • Web use: Poppins and Lora can be embedded via Google Fonts API
  • Desktop use: Download and install locally for design software
  • Fallbacks: System fonts like Arial (sans-serif), Georgia (serif), and Brush Script (script) as backups

*Note: Authenia Textured is not accurately represented in this digital guide due to font licensing restrictions. The actual Authenia Textured font has a more textured, authentic appearance than shown in these examples.

Color Palette

Primary Colors
Humble Teal
HEX: #00ABB8
RGB: 0, 171, 184
CMYK: 73, 0, 24, 0
Humble Orange
HEX: #ED6221
RGB: 237, 98, 33
CMYK: 0, 65, 90, 0
Deep Teal
HEX: #11373E
RGB: 17, 55, 62
CMYK: 85, 50, 45, 45
Supporting Colors
Medium Teal
HEX: #005C63
RGB: 0, 92, 99
CMYK: 85, 35, 40, 25
Light Teal
HEX: #DAE8EA
RGB: 218, 232, 234
CMYK: 12, 2, 6, 0
Light Orange
HEX: #FFDAC8
RGB: 255, 218, 200
CMYK: 0, 15, 22, 0
Neutral Colors
Grey
HEX: #555551
RGB: 85, 85, 81
CMYK: 55, 48, 51, 43
White
HEX: #FFFFFF
RGB: 255, 255, 255
CMYK: 0, 0, 0, 0
Color Usage Guidelines

Primary Color Applications:

  • Humble Teal: Primary brand color for logos, headers, and key messaging
  • Humble Orange: Accent color for calls-to-action, highlights, and energy
  • Deep Teal: Body text, professional documents, formal communications
  • Grey: Text, secondary content, and professional applications
  • White: Backgrounds, headlines, and text on dark backgrounds
Accessibility & Contrast

All color combinations meet WCAG 2.1 AA standards for accessibility.

Humble Teal + White
Contrast Ratio: 4.8:1 ✓
Humble Orange + White
Contrast Ratio: 5.2:1 ✓
Deep Teal + White
Contrast Ratio: 12.5:1 ✓
White + Medium Teal
Contrast Ratio: 8.2:1 ✓
Grey + White
Contrast Ratio: 5.7:1 ✓
White + Grey
Contrast Ratio: 5.7:1 ✓

Color Best Practices:

  • Maintain 4.5:1 contrast ratio for normal text, 3:1 for large text (18pt+)
  • Never rely solely on color to convey important information
  • Use no more than 3 colors from our palette in a single design
  • Orange should be used sparingly as an accent color for maximum impact
  • Test designs with colorblind simulation tools
  • Consider users with visual impairments when choosing combinations

Social Media Guidelines

Platform-Specific Voice & Examples
Before & After Templates

Transform your storytelling with our professionally designed before and after templates. The color progression from pale to vibrant perfectly represents our mission of transformation.

Template Usage Guidelines:

  • Visual Metaphor: Pale colors represent potential, vibrant colors show transformation realized
  • Consistency: Use the same color family (teal or orange) for both before and after in one story
  • Impact: The dramatic color shift visually reinforces our transformation mission
  • Accessibility: All template combinations meet contrast requirements
  • Flexibility: Templates work for room reveals, family stories, volunteer highlights, and donor impact

Access Your Templates

Ready-to-use Canva templates with proper branding, fonts, and color combinations.

Access Canva Templates →

Templates include proper logo placement, typography, and brand-compliant layouts

Content Guidelines

Writing for Social Media:

  • Lead with impact: Start posts with the transformation or outcome
  • Use active voice: "We transformed" rather than "A transformation occurred"
  • Include specific details: Number of family members, rooms furnished, volunteer hours
  • End with gratitude: Always acknowledge donors, volunteers, or partners
  • Maintain dignity: Focus on hope and possibility, not hardship
  • Use consistent hashtags: #FurnishingHope #HumbleDesign #HomeIsWhereTheHeartIs

Visual Content Best Practices:

  • Before & After: Always use our branded templates with appropriate color progression
  • Photo quality: Use high-resolution images with good lighting
  • Composition: Include the Humble Design logo in corner of images when possible
  • Privacy: Always obtain permission before featuring families in content
  • Authenticity: Use real photos from actual transformations, not stock images

Implementation & Resources

Brand Asset Downloads

Available Assets:

  • Logo Files: SVG, PNG, and PDF versions in all approved color variations
  • Color Palettes: Adobe Swatch Exchange (.ASE) files for design software
  • Typography: Font files and web embedding codes
  • Templates: Canva templates for social media before/after content
  • Brand Photography: High-resolution images following brand guidelines
  • Email Signatures: HTML templates with proper logo and contact formatting

File Format Guidelines:

  • Print: Use vector formats (SVG, AI, EPS) or high-resolution PNG/PDF (300 DPI minimum)
  • Web/Digital: Use SVG for scalability or optimized PNG files
  • Social Media: Use provided templates with correct dimensions for each platform
  • Email: Use HTML templates or PNG files at appropriate sizes
Team Contacts

Brand Implementation Support:

General Inquiries: hello@humbledesign.org

National Communications Manager: Available for brand consultation and approval

Web Resources: humbledesign.org for current brand examples

For questions about implementing these guidelines or requesting brand assets, reach out to our team. We're here to help ensure your materials represent Humble Design with authenticity and professionalism.

Brand Asset Access:

  • Contact hello@humbledesign.org for access to high-resolution logo files
  • Request vector formats (SVG, AI, EPS) for scalability
  • Use 300 DPI minimum for print projects
  • Obtain brand photography from the marketing team
  • Social media templates available upon request

Ready to Create?

Use these guidelines to maintain our authentic, professional brand while creating materials that truly represent the heart of Humble Design.

Questions about brand implementation?

Contact: hello@humbledesign.org

© 2025 Humble Design. Brand guidelines aligned with humbledesign.org