Branding Assets & Guidelines

Thank you for your interest in SurelyWP! We appreciate your enthusiasm in sharing our brand, so we’ve made our official assets available here in both PNG and SVG formats (because you shouldn’t have to grab our logo from Google). We’ve also included a few simple guidelines to help ensure our brand is represented consistently and professionally, so please take a moment to familiarize yourself with them before using our brand resources.

Last Updated [last-modified %date%]

1

Name

Our brand and product name is SurelyWP, written as one word with capitalization exactly as shown. The “WP” must always be included, with no space between “Surely” and “WP.” Please do not use “Surely” on its own.

Never combine the SurelyWP name or logo, or any part of them, with other logos, company names, marks, or generic terms.

We appreciate you keeping these guidelines in mind whenever referencing the SurelyWP brand or product.

2

Logo

The SurelyWP logo should always be used to represent our brand. It is our universal signature and an important part of our identity in the WordPress community. Please do not edit, distort, recolor, rotate, reconfigure, or alter the logo files in any way.

You’re welcome to use these graphics to promote, reference, or share news about SurelyWP, but please do not use them in any way that suggests a relationship, affiliation, or endorsement by SurelyWP of your product, service, or business.

Always allow plenty of space around the logo. In fact, our logo includes built-in white space as part of its design. This white space should be considered the minimum required. If you’re placing the logo on a background color that matches the logo’s background, be sure to maintain at least the same spacing around the icon and text as originally provided. This helps the logo stay clear, uncluttered, and easy to recognize.

Primary Logo

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

Icon Logo

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 includes blue, white, and black, with both light and dark variations. We also use four supporting neutral colors for text and backgrounds: a primary dark gray, a secondary medium gray, a tertiary light gray, and a light background gray.

In addition, the website features accent colors including green, purple, yellow, and orange. These colors add variety and visual interest while supporting the overall brand style.

All of these colors should be used consistently in marketing and design materials to help reinforce the SurelyWP brand identity.

Brand Identity Colors

Blue

HEX: #0066ff

Light Blue

HEX: #e5efff

Primary

HEX: #1d2327

Secondary

HEX: #4c5866

Tertiary

HEX: #a3b0c2

Background

HEX: #F1F5F9

Green

HEX: #00d263

Purple

HEX: #7846ff

Yellow

HEX: #ffd000

Orange

HEX: #f15124

4

Typography

Our primary typeface is Poppins, which is used for headings, subheadings, buttons, and body text. It performs well across both print and digital formats, making it a versatile choice for all brand communications.

Please use Poppins in all communication materials whenever possible to maintain consistency with the SurelyWP brand.