SayPro Brand Style Guide: A document that includes specific guidelines on SayPro’s color palette, fonts, logo usage, and other brand assets.

SayPro Brand Style Guide

1. Introduction

This SayPro Brand Style Guide provides detailed instructions on how to correctly use the SayPro brand’s visual assets to ensure consistency across all marketing materials, packaging, and digital media. By following this guide, all stakeholders will maintain a cohesive and professional representation of SayPro’s identity.

2. Brand Overview

SayPro represents [Brand Values] such as innovation, quality, sustainability, and user-centricity. The visual identity should reflect these values, ensuring a modern, premium, and approachable brand image across all touchpoints.

3. Logo Usage

Primary Logo

• Logo: The SayPro logo consists of a modern, bold wordmark with a distinctive icon (if applicable). The wordmark should be used in all professional contexts.
• Clear Space: Maintain clear space around the logo equal to the height of the “S” in the logo to avoid clutter and ensure legibility.
• Size Restrictions: The logo should not be resized to a size smaller than 1 inch (25mm) in width for print or 100px in digital applications. Ensure that the logo is always clear and legible.

Logo Variations

• Horizontal Logo: Preferred version for standard usage.
• Vertical/Stacked Logo: Used when there is limited horizontal space (e.g., social media profile images, square packaging).

Incorrect Logo Usage

• Do not stretch, distort, or rotate the logo.
• Do not change the colors or alter the logo’s proportions.
• Do not place the logo on complex backgrounds that reduce its visibility.

Logo Color Variations

• Full Color: Use the full-color logo on white or light backgrounds.
• Black and White: Use black or white logo versions when color usage is not suitable for the context.
• Reversed: In instances where the logo is on a dark background, the logo may be reversed to white.

4. Color Palette

Primary Colors

• SayPro Blue: #1E4D89
  Use for: Primary branding, text, accents
• SayPro Light Blue: #6BB6E2
  Use for: Backgrounds, highlights, secondary accents

Secondary Colors

• SayPro Green: #7FBF5D
  Use for: Sustainability-themed communications, eco-focused messaging
• SayPro Light Grey: #D0D0D0
  Use for: Subtle background shades, borders, or secondary elements
• SayPro Dark Grey: #343434
  Use for: Text, headers, and strong contrasts

Accent Colors

• SayPro Yellow: #F1B400
  Use for: Calls-to-action (CTA), buttons, or to add brightness and energy
• SayPro White: #FFFFFF
  Use for: Clean backgrounds, text, and negative space
• SayPro Dark Blue: #122C54
  Use for: Headlines, headers, and emphasis in specific design elements

Color Usage Guidelines

• Primary Palette: Use the primary colors for most of the design elements (e.g., logos, headlines, backgrounds).
• Secondary and Accent Colors: Use sparingly for contrast, emphasis, and to add visual interest.
• Avoid overwhelming the design with too many colors. Stick primarily to the core palette for consistency.

5. Typography

Primary Typeface

• Font Name: Montserrat
  • Weight: Regular, Bold, Light
  • Use for: Headlines, body copy, and UI elements. This modern sans-serif font is clean, legible, and professional.
  • Font Size: Minimum of 12pt for body text, 24pt or more for headlines.
  • Line Spacing: 1.4x the font size for comfortable readability.

Secondary Typeface

• Font Name: Roboto
  • Weight: Regular, Bold, Italic
  • Use for: Subheadings, captions, and secondary body text. It pairs well with Montserrat for readability and modern appeal.

Font Hierarchy

• Headlines: Use Montserrat Bold (24pt or more)
• Subheadings: Use Montserrat Regular or Roboto Bold (18pt-22pt)
• Body Text: Use Roboto Regular (12pt-16pt)
• Captions or Footnotes: Use Roboto Light (10pt-12pt)

Text Color

• Headlines: SayPro Dark Blue (#122C54)
• Body Text: SayPro Dark Grey (#343434)
• Subheadings: SayPro Blue (#1E4D89)
• Links: SayPro Blue (#1E4D89) with underline for emphasis

6. Imagery Guidelines

Photography Style

• Lighting: Bright, natural lighting with soft shadows to create an inviting and warm look.
• Mood: The images should convey a sense of modernity, innovation, and trustworthiness. Use images that align with SayPro’s values of sustainability, quality, and customer-centricity.
• Diversity: Feature diverse individuals in your imagery to reflect inclusivity and a global perspective.
• Product Focus: Product images should be clean and simple, emphasizing the product’s details and quality.

Graphic Elements

• Illustrations: Use clean, simple line drawings or icons that align with SayPro’s modern aesthetic. Avoid overly complicated or detailed illustrations.
• Icons: Use flat icons with consistent line weights, colors, and proportions.
• Patterns: Minimal, geometric patterns can be used for backgrounds or secondary elements, ensuring they don’t overpower the primary content.

7. Tone of Voice

• Friendly & Approachable: The language should be warm and welcoming to build trust and rapport with customers.
• Confident & Professional: Present information clearly and assertively, establishing SayPro as an expert in its field.
• Inclusive & Empowering: Language should reflect inclusivity and empower customers to feel part of the SayPro community.
• Sustainability Focused: Highlight eco-conscious choices and sustainability whenever possible, using language that promotes care for the planet.

8. Brand Assets

Icons

• Download Icons: All icons should be in vector format (.SVG or .AI) to ensure scalability across platforms.
• File Naming Convention: Use clear, descriptive names for assets, such as “SayPro-Logo-Primary” or “SayPro-Icon-Recycle”.

Photography/Imagery

• Photography File Formats: High-resolution images should be saved in JPG or PNG formats for digital and TIFF for print materials.
• Resolution: Ensure all images are at least 300dpi for print and 72dpi for digital content.

Brand Guidelines Document

• The brand assets folder should include the following:
  • Logo files (different formats, including vector files)
  • Color codes (Pantone, Hex, RGB)
  • Typeface files (Montserrat and Roboto)
  • Photography style guidelines
  • Icon set
  • Templates for marketing materials (social media banners, email templates)

9. Applications

Digital

• Website: Ensure that all web design elements (headers, buttons, links, etc.) follow the brand colors, fonts, and logo usage guidelines. Maintain consistency across all web pages.
• Social Media: Profile images, cover photos, and post templates should all reflect the brand’s visual identity. Use clear and legible fonts for posts.

Print

• Business Cards: Use the Montserrat font for the name and Roboto for contact details. Ensure the logo is clearly visible.
• Packaging: Follow the logo placement, color, and typography guidelines on all product packaging. Ensure the packaging materials align with SayPro’s sustainability values.

10. Brand Consistency

Consistency is key to maintaining the strength and recognition of SayPro’s brand identity. All team members, designers, and partners should ensure that SayPro’s visual identity is represented accurately across all platforms and products.

For further inquiries or if additional assets are needed, please contact the SayPro Brand Team.

This SayPro Brand Style Guide ensures a cohesive, consistent, and professional brand experience across all touchpoints and helps reinforce SayPro’s core values and identity.