Logo

The logo is the core identifier of the brand. Always use these versions to keep recognition and trust across all assets. For additional questions, please reach out to hola@rinconello.com

The logo is the core identifier of the brand. Always use these versions to keep recognition and trust across all assets. For additional questions, please reach out to hola@rinconello.com

Download Files
Horizontal
Badge
Symbol
Wordmark
Clearspace

The 20% exclusion zone safeguards the legibility and impact of the logo by isolating it from other elements next to it.

Scalability

To ensure optimal readability, don't use the logo at widths smaller than listed here. There is no maximum size limit, as long as it works in harmony with its surroundings.

30px
15px
12px
Backgrounds

Understanding the color choices empowers you to effectively represent the logo while staying true to our brand's identity.

black chromatic abstract glass

On flat backgrounds, the logo should always be displayed in its original color variations, selecting either light or dark versions according to the tones within the established color palette. When applied over complex backgrounds or photographic imagery, a single-color version of the logo is recommended to maintain clarity and legibility. Gradient backgrounds may also be used, provided sufficient contrast is preserved to ensure the logo remains clearly visible at all times.

Platforms

In social environments, the symbol is a little smaller, while still sitting slightly to the left to make it optically central. It looks best that way.

Social Media

App Icon

Primary

Define the core visual identity of the brand. They should be the most recognizable and frequently used colors across all touchpoints. These tones establish consistency, strengthen brand recall, and serve as the foundation of the overall color system.

Define the core visual identity of the brand. They should be the most recognizable and frequently used colors across all touchpoints. These tones establish consistency, strengthen brand recall, and serve as the foundation of the overall color system.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
100
500
800
Secondary

Support the primary palette by adding flexibility and depth. They are used to complement and balance primary colors in layouts, backgrounds, and supporting elements. Their purpose is to expand visual expression while maintaining harmony and brand coherence.

Support the primary palette by adding flexibility and depth. They are used to complement and balance primary colors in layouts, backgrounds, and supporting elements. Their purpose is to expand visual expression while maintaining harmony and brand coherence.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
50
300
700
Grayscale

Ensure structure, readability, and accessibility. Used for typography, dividers, backgrounds, and neutral components, they help organize information and create contrast without competing with the brand’s expressive colors.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
Shades

Black and White serve as the essential extremes of the color system. They provide maximum contrast, legibility, and versatility for any environment.

White
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
Black
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100

Logo

The logo is the core identifier of the brand. Always use these versions to keep recognition and trust across all assets. For additional questions, please reach out to hola@rinconello.com

Download Files
Horizontal
Badge
Symbol
Wordmark
Clearspace

The 20% exclusion zone safeguards the legibility and impact of the logo by isolating it from other elements next to it.

Scalability

To ensure optimal readability, don't use the logo at widths smaller than listed here. There is no maximum size limit, as long as it works in harmony with its surroundings.

30px
15px
12px
Backgrounds

Understanding the color choices empowers you to effectively represent the logo while staying true to our brand's identity.

black chromatic abstract glass

On flat backgrounds, the logo should always be displayed in its original color variations, selecting either light or dark versions according to the tones within the established color palette. When applied over complex backgrounds or photographic imagery, a single-color version of the logo is recommended to maintain clarity and legibility. Gradient backgrounds may also be used, provided sufficient contrast is preserved to ensure the logo remains clearly visible at all times.

Platforms

In social environments, the symbol is a little smaller, while still sitting slightly to the left to make it optically central. It looks best that way.

Social Media

App Icon

Primary

Define the core visual identity of the brand. They should be the most recognizable and frequently used colors across all touchpoints. These tones establish consistency, strengthen brand recall, and serve as the foundation of the overall color system.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
100
500
800
Secondary

Support the primary palette by adding flexibility and depth. They are used to complement and balance primary colors in layouts, backgrounds, and supporting elements. Their purpose is to expand visual expression while maintaining harmony and brand coherence.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
50
300
700
Grayscale

Ensure structure, readability, and accessibility. Used for typography, dividers, backgrounds, and neutral components, they help organize information and create contrast without competing with the brand’s expressive colors.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
Shades

Black and White serve as the essential extremes of the color system. They provide maximum contrast, legibility, and versatility for any environment.

White
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
Black
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100

Logo

The logo is the core identifier of the brand. Always use these versions to keep recognition and trust across all assets. For additional questions, please reach out to hola@rinconello.com

Download Files
Horizontal
Badge
Symbol
Wordmark
Clearspace

The 20% exclusion zone safeguards the legibility and impact of the logo by isolating it from other elements next to it.

Scalability

To ensure optimal readability, don't use the logo at widths smaller than listed here. There is no maximum size limit, as long as it works in harmony with its surroundings.

30px
15px
12px
Backgrounds

Understanding the color choices empowers you to effectively represent the logo while staying true to our brand's identity.

black chromatic abstract glass

On flat backgrounds, the logo should always be displayed in its original color variations, selecting either light or dark versions according to the tones within the established color palette. When applied over complex backgrounds or photographic imagery, a single-color version of the logo is recommended to maintain clarity and legibility. Gradient backgrounds may also be used, provided sufficient contrast is preserved to ensure the logo remains clearly visible at all times.

Platforms

In social environments, the symbol is a little smaller, while still sitting slightly to the left to make it optically central. It looks best that way.

Social Media

App Icon

Primary

Define the core visual identity of the brand. They should be the most recognizable and frequently used colors across all touchpoints. These tones establish consistency, strengthen brand recall, and serve as the foundation of the overall color system.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
100
500
800
Secondary

Support the primary palette by adding flexibility and depth. They are used to complement and balance primary colors in layouts, backgrounds, and supporting elements. Their purpose is to expand visual expression while maintaining harmony and brand coherence.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
50
300
700
Grayscale

Ensure structure, readability, and accessibility. Used for typography, dividers, backgrounds, and neutral components, they help organize information and create contrast without competing with the brand’s expressive colors.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
Shades

Black and White serve as the essential extremes of the color system. They provide maximum contrast, legibility, and versatility for any environment.

White
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
Black
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100