Branding Assets & Guidelines

Thanks for your interest in SurelyWP! We know you are excited to share our brand with others, so we have provided our brand assets here for you as PNG and SVG files (because you shouldn’t have to get our logo from Google). Along with the assets, we have a few simple guidelines to follow when using our brand resources, so please take a moment to familiarize yourself with them.

Last Updated Nov 3, 2023 @ 10:55 pm

Table of Contents

  1. Name
  2. Logos
  3. Colors
  4. Typography

1

Name

Our brand and product name is “SurelyWP” as all one trademarked name with capitalization as shown. The WP must always be included without any space between Surely and WP. Please do not use the name Surely without the WP.

Never combine the SurelyWP name or logos, or any portion of them, with any other logo, company name, mark, or generic terms.

We appreciate you taking this into consideration whenever using the SurelyWP brand or product names.

2

Logos

The SurelyWP logo should always be used to represent our brand. The logo is our universal signature that we want to be instantly recognizable in the WordPress world, so please do not edit, change, distort, recolor, rotate, reconfigure, or alter these files in any way.

You may gladly use these graphics to promote, refer, and share the news about SurelyWP, but please remember not to do so in a way that implies a relationship, affiliation, or endorsement by SurelyWP of your product, service, or business.

Always provide plenty of space around the logos. In fact, our logo already has white space provided as part of the logo design, so please consider this white space as the minimum allowed. If using the logo in a context with the same background color as the logo background color, then the minimum spacing around the icon and text of our logo must be at least the same as the original space provided in our logo. We just want to ensure the logo has room to breathe and not feel cluttered!

Our primary logo combines the icon with our name. This is the main SurelyWP logo, and should be used in this form whenever possible.

There are a some situations where our icon logo can represent our brand on its own without the full primary logo.

  • If the size of the full primary logo would be too small and space does not allow it, the icon logo can be used instead.
  • Sometimes when our full primary logo is nearby, the icon logo can be used as a secondary branding element.
  • When our brand is already established within a specific context, such as on our own website or within the product, then the icon logo is instantly recognized as part of our brand.
  • For applications that require only a square or circle, such as a profile image.

Individual Plugin Logos

Each of our plugins are part of the SurelyWP brand but have their own identity with their unique name and logo icon. The same guidelines for our main brand also apply for each of the plugins.

3

Colors

The SurelyWP primary color palette is composed of blue, white, and black colors with dark and light variations. Four other colors are used for text and backgrounds including a primary dark gray, secondary medium gray, tertiary light gray, and a light background gray. These colors should be used regularly in marketing materials to reinforce the SurelyWP brand.

Brand Identity Colors

Blue

HEX: #0066ff

Blue

HEX: #e5efff

Primary

HEX: #1d2327

Secondary

HEX: #4c5866

Tertiary

HEX: #a3b0c2

Background

HEX: #F1F5F9

4

Typography

Our primary typeface, Poppins, is used for headings, subheadings, buttons, and body text. It works equally well in print and digital applications. Please use Poppins in all communication materials whenever possible.