WSO2Con2025 Logo

March 18-20 | Barcelona, Spaain

 

Brand Guidelines

The Logo

Clear Space

To maintain the logo’s visual integrity, ensure it has ample breathing room. Surround the logo on all sides with a "clear zone" equal to the width of the number "2" in the logo (designated as "X"). This clear space should scale proportionally with the size of the logo.

WSO2 Logo Clearspace

Minimum Size

The logo should never be used at a length smaller than 50px (0.7 in). Ideally, aim for 75px (1.0 inch) or larger for print and digital use.

WSO2 Logo measurement area

Recommended Size

WSO2 Logo ideal small size
75px (1.0 inch)

Minimum Approved Size

WSO2 Logo minimum size
50px (0.7 inch)

Too Small

Too Small for Print
Below 50px (0.7 inch)

Color Usage

Light Backgrounds: Use the standard logo version.

Dark Backgrounds: Use the inverted logo for optimal contrast.

WSO2 Logo in light color
WSO2 Logo in dark color

Logo Colors

To ensure brand consistency, use the following color specifications:

Black
Web #000000
RGB 0/0/0
CMYK 100/100/100/100

Orange
Web #ff7300
RGB 255/115/0
CMYK 0/67/100/0
Pantone® 2018 C

White
Web #FFFFFF
RGB 255/255/255
CMYK 0/0/0/0

Improper Usage

Our logo represents our brand identity. To maintain its integrity:

WSO2 Logo color combination

Don't change the color combination.

WSO2 Logo wrong bg color

Use the right background colors.

WSO2 Logo wrong bg image

Don't place the logo on busy or distracting backgrounds.

WSO2 Logo distort

Don't stretch or distort the logo.

WSO2 Logo vertically or at an angle

Don't position the logo vertically or at an angle.

WSO2 Logo shadows gradient

Don't add shadows or gradients.

Monochrome Logo

If the full-color logo cannot be used, you may opt for the monochrome version. All previous logo guidelines still apply to this version.

The Logo

Clear Space

We want to keep our logo clear and impactful by giving it enough breathing space. Avoid crowding it with graphics, text, or any other elements that could distract from its identity.

Surround the logo on all sides with a "clear zone" equal to the size of the letter "o" in the logotype (1:1 ratio). This space should scale with the logo, ensuring it stays clean and readable across different applications. Always respect this space to make sure the logo stands out.

choreo Logo safezone
choreo by WSO2 Logo safezone

Emblem

The emblem must not be scaled below the specified minimum size to preserve its visibility and impact.

choreo black emblem

Color Usage

Our logo adapts to different backgrounds for optimal visibility:

On white or light-colored backgrounds: Use the logo with black typography.

On dark/bright coloured backgrounds: Use the logo with white typography.

On dynamic or image-based backgrounds: Use the logo with white typography, but adjust if needed based on the background’s color scheme.

choreo color
choreo by wso2 color

Monochrome Logo

choreo logo
choreo by wso2 logo

Improper Usage

Treat the logo with respect. Avoid the following:

  1. Do not change the proportions or spacing between elements.
  2. Do not stretch, skew, or distort the logo.
  3. Do not use unauthorized colors outside the guide.
  4. Do not change the typeface of the logo.
  5. Do not apply drop shadows or gradients.
  6. Do not place the logo on busy or distracting backgrounds.
  7. Do not rotate or position the logo at an angle.
  8. Do not modify the logo for personal or unauthorized use.
choreo logos
choreo by wso2 logo

Logo Colors

Our brand identity revolves around Black and Purple as primary colors. White or black serve as neutral canvases to let the purple stand out. A range of vibrant secondary colors can be used to inject personality.

C00 M00 Y00 K100
R035 G031 B032
#231F20

C74 M67 Y00 K00
R000 G167 B157
#545CEC

C00 M00 Y00 K00
R255 G255 B255
#FFFFFF

Secondary Colors

C74 M02 Y74 K00
R055 G180 B117
#37B475

C00 M67 Y100 K00
R255 G115 B00
#FF7300

C03 M00 Y01 K00
R244 G252 B252
#F4FCFC

C28 M56 Y00 K00
R212 G124 B239
#D47CEF

The Logo

Clear Space

We want to keep our logo clear and impactful by giving it enough breathing space. Avoid crowding it with graphics, text, or any other elements that could distract from its identity.

Surround the logo on all sides with a "clear zone" equal to the size of the letter "A" in the logotype (1:1 ratio). This space should scale with the logo, ensuring it stays clean and readable across different applications. Always respect this space to make sure the logo stands out.

asgardeo logo safezone
asgardeo by wso2 logo safezone

Emblem

The emblem must not be scaled below the specified minimum size to preserve its visibility and impact.

emblem asgardeo and asgardeo by wso2

Color Usage

Our logo adapts to different backgrounds to maintain optimal visibility:

On white or light-colored backgrounds: Use the logo with black typography, while the emblem retains its original colors.

On dark or black backgrounds: Use the logo with white typography, and the emblem appears in white and orange.

On bright or orange backgrounds: Use the logo with black typography, with the emblem shown in black and white.

On dynamic or image-based backgrounds: Use the logo with white typography, and the emblem in white and orange. Adjustments can be made based on the specific color scheme of the background to maintain clarity and contrast.

asgardeo logo color guide
asgardeo by wso2 logo color guide

Monochrome Logo

asgardeo monochrome logo
asgardeo by wso2 monochrome logo

Improper Usage

Treat the logo with respect. Avoid the following:

  1. Do not change the proportions or spacing between elements.
  2. Do not stretch, skew, or distort the logo.
  3. Do not use unauthorized colors outside the guide.
  4. Do not change the typeface of the logo.
  5. Do not apply drop shadows or gradients.
  6. Do not place the logo on busy or distracting backgrounds.
  7. Do not rotate or position the logo at an angle.
  8. Do not modify the logo for personal or unauthorized use.
asgardeo logo improper usage
asgardeo by wso2 logo improper usage

Logo Colors

Our brand identity centers around Orange as the primary color, used most frequently across communications. White or black serve as neutral canvases, helping the orange stand out.

We also incorporate a range of vibrant colors to reflect the dynamic and lively personality of Asgardeo.

Additionally, we use a premium color palette for more formal communications.

Core Colors

C00 M67 Y100 K00
R255 G115 B00
#FF7300

C00 M00 Y00 K100
R035 G031 B032
#231F20

C00 M00 Y00 K00
R255 G255 B255
##FFFFFF

This set of colors applies to standard communications, with typography in white or black depending on the background color.

Examples Include:

  • PowerPoint presentations

Dynamic Colors

C80 M10 Y45 K33
R000 G167 B157
#00A79D

C70 M15 Y00 K00
R039 G170 B225
#25AAE1

C10 M80 Y00 K00
R217 G088 B160
#D958A0

C50 M100 Y00 K00
R146 G039 B143
#92278F

This set of colors is used for dynamic or secondary communications, with typography in white or black depending on the background.

Examples Include:

  • EDMs

  • Presentation covers and section dividers

  • Marketing collaterals

  • Advertising

  • Social media posts

Premium Colors

C80 M60 Y50 K60
R032 G050 B059
#20323B

C75 M55 Y45 K25
R069 G090 B102
#455A66

C00 M67 Y100 K00
R255 G115 B00
#FF7300

C00 M00 Y00 K00
R255 G255 B255
#FFFFFF

This set of colors applies to premium and formal communications, with typography in white on dark backgrounds.

Examples Include:

  • EDMs

  • Presentation covers and section dividers

  • Marketing collaterals

  • Advertising

  • Social media posts