Logo and Usage

Our logo is the visual cornerstone of our brand identity. This guide outlines how to properly use our logo across different applications while maintaining brand consistency.

⬇️

Our primary logo represents SquareShift's core values of innovation, sustainability, and forward-thinking.

Logo Library Overview

Our brand includes a comprehensive set of logo variations to accommodate different design needs and contexts.

⬇️

Green Rectangle (Primary)

⬇️

Green Square

⬇️

Gold

⬇️

Grey

⬇️

White (for dark backgrounds)

⬇️

Icon Only

Primary Logo

Our primary logo embodies our brand's essence and should be used as the first choice in most applications. The logo combines our distinctive rocket icon with our wordmark in a clean, modern presentation.

Green Rectangle Format (Primary)

⬇️

The green rectangle format is our primary logo and should be used in most applications. The vibrant green symbolizes growth, innovation, and our commitment to sustainability.

Color Variations

Our logo is available in several official color variations to maintain flexibility across different applications and backgrounds.

⬇️

Green

⬇️

Gold

⬇️

Gray

⬇️

White

White Logo Variants

Our white logo versions are specifically designed for use on dark backgrounds:

⬇️

Standard White

White logos should only be used on dark backgrounds where they provide sufficient contrast.

Format Variations

The logo is available in different formats to accommodate various design needs:

⬇️

Rectangle

⬇️

Square

⬇️

Box Format

⬇️

Icon Only

Alternate Size Variations

Our logo comes in different size variations to suit various application needs:

⬇️

Large Rectangle

⬇️

Large Gold

⬇️

Gold/Gray Combo

Primary Logo Usage Guidelines

Always maintain the logo's proportions when resizing
Ensure adequate clear space around the logo
Use the primary green logo on light backgrounds whenever possible
For dark backgrounds, use the white or gold version
Don't place the logo over busy backgrounds without adequate contrast
Don't modify the logo colors outside the approved color variations

Secondary & Alternate Logos

While our primary logo should be used for most applications, we have developed several alternate versions to provide flexibility across different contexts and use cases. These secondary logos maintain our brand identity while adapting to specific design needs.

⬇️

Square Format

Our square format logo is ideal for profile pictures, app icons, and other applications where a 1:1 aspect ratio is required.

Best for: Social media profiles, app icons, favicon

⬇️

Icon Only

Our rocket icon can be used as a standalone element when the brand is already well-established in the context or when space is extremely limited.

Best for: Small UI elements, favicons, watermarks

⬇️

White (Inverted)

Our white logo is designed for use on dark or colored backgrounds where the primary colored versions would not provide sufficient contrast.

Best for: Dark backgrounds, photography overlays

⬇️

Gold Version

The gold version of our logo adds a premium feel and is used for high-end applications or special occasions.

Best for: Premium materials, special events

⬇️

Grayscale Version

A neutral grayscale version is available for applications where color printing is not an option or when a more subdued look is required.

Best for: Black and white printing, formal documents

⬇️

Green Rocket Icon

Our rocket icon in its green color variation can be used for recognizable brand elements where the full logo is not necessary.

Best for: UI elements, icons, patterns

Application Examples

Social Media Profiles

For social media avatars and profile pictures, the square format or icon-only versions work best to maintain legibility at small sizes.

⬇️

Dark Background Applications

When placing our logo on dark backgrounds, use either the white or gold version to ensure proper contrast and visibility.

⬇️

Watermarks and Subtle Branding

For watermarks or subtle branding elements, the icon-only version can be used at reduced opacity.

⬇️

Secondary Logo Usage Guidelines

Use secondary logos only when the primary logo doesn't fit the application requirements
Maintain consistent spacing and sizing across all logo variations
Always use the officially approved versions - never recreate or modify the logos
When using the icon-only version, ensure the brand is already well-established in the context
For special applications not covered in this guide, consult with the brand team

Monochrome & Inverted Use

For situations where color usage is limited or when placing our logo on different backgrounds, we offer monochrome and inverted versions of our logo. These adaptations maintain our brand recognition while ensuring optimal visibility in various contexts.

White Logo (Inverted)

⬇️

The white version of our logo is designed for use on dark backgrounds, colored backgrounds, or photographs where our primary colored logo would not have sufficient contrast.

Grayscale Versions

⬇️

Gray Logo

⬇️

Gray Rectangle

⬇️

Gray Square

⬇️

Gold/Gray Combo

Grayscale versions are useful for black and white printing, formal documents, or when a more subtle branding approach is needed.

Application Examples

⬇️

White logo on dark background

⬇️

Gray logo on white background

⬇️

Gold logo on dark background

Monochrome & Inverted Logo Usage Guidelines

Use the white logo version on dark backgrounds, photographs, or colored backgrounds
Use grayscale versions for black and white printing or formal contexts
Always ensure proper contrast between the logo and its background
The gold version can be used on dark backgrounds for a premium look
For photographs, place the logo in areas with minimal detail to ensure visibility

Clear Space Requirements

To ensure optimal visual impact and readability, our logo must always be surrounded by an adequate amount of clear space. This space protects the logo from competing visual elements and gives it the visibility and impact it requires.

Clear Space Guidelines

Maintain a clear space equal to at least the height of the rocket icon around all sides of the logo
For smaller applications, ensure a minimum clear space of 1/4 inch or 18 pixels
Keep the logo free from interference with text, imagery, or other graphic elements
Do not place the logo close to page edges or document boundaries

Minimum Size

To maintain legibility and brand recognition, our logo should never be reproduced below certain minimum sizes. Following these guidelines ensures that our logo remains effective and identifiable across all applications.

Minimum Size Guidelines

Rectangle format: Minimum width of 1 inch (72 pixels) for print, 100 pixels for digital
Square format: Minimum size of 0.75 inch (54 pixels) for print, 80 pixels for digital
Icon only: Minimum size of 0.5 inch (36 pixels) for print, 48 pixels for digital
For applications smaller than the minimum size requirements, consult with the brand team

Logo Misuse Examples

To maintain the integrity of our brand, it's important to use our logo correctly and consistently. The following examples illustrate common misuses of our logo that should be avoided.

Do Not:

Stretch or distort the logo in any way
Rotate or tilt the logo
Change the logo colors outside of the approved color variations
Add effects such as shadows, gradients, or outlines
Use the logo on backgrounds with insufficient contrast
Enclose the logo in shapes unless using approved container formats
Place the logo on busy backgrounds without proper isolation
Modify the proportions of the logo elements
Recreate or redraw any elements of the logo
Use outdated versions of the logo

Logo Library Overview

Contents

Primary Logo

Green Rectangle Format (Primary)

Color Variations

Green

Gold

Gray

White

White Logo Variants

Standard White

Format Variations

Rectangle

Square

Box Format

Icon Only

Alternate Size Variations

Large Rectangle

Large Gold

Gold/Gray Combo

Primary Logo Usage Guidelines

Secondary & Alternate Logos

Square Format

Icon Only

White (Inverted)

Gold Version

Grayscale Version

Green Rocket Icon

Application Examples

Social Media Profiles

Dark Background Applications

Watermarks and Subtle Branding

Secondary Logo Usage Guidelines

Monochrome & Inverted Use

White Logo (Inverted)

Grayscale Versions

Gray Logo

Gray Rectangle

Gray Square

Gold/Gray Combo

Application Examples

Monochrome & Inverted Logo Usage Guidelines

Clear Space Requirements

Clear Space Guidelines

Minimum Size

Minimum Size Guidelines

Logo Misuse Examples

Do Not: