WISECP Brand Assets: Logo, Colors and Typeface

Logo and Icon

Use the version that suits the background

Use the color version on light backgrounds and the white version on dark ones. The icon is for small spaces where the logo does not fit: site icons, app icons and profile pictures.

wisecp-logo-color.svg

Usage

Give the logo room and keep its proportions

Always use the logo from its own file, in its original proportions and with enough space around it.

Clear Space: Leave free space of at least half the letter height (½ H) on all four sides of the logo. No text, image or other logo enters this space.
Minimum Size: On screen, the logo is never narrower than 96 px. In tighter spaces, use the icon; it stays legible down to 16 px.
Proportions: Width and height scale together. The logo is never squeezed or stretched in either direction.

Name

WISECP is written in capitals, as one word

The name keeps the same form wherever it appears in a sentence. Lowercase is used only in the web address.

Correct

WISECP

Always in this form, in text, headings and images.

wisecp.com: Only as the web address
WISECP V5: Together with the version number
WISECP LLC: The company's legal name, for legal texts such as contracts and invoices
WISECP's: The possessive adds an apostrophe and s; the name itself stays the same

Incorrect

WiseCP
Wisecp
wisecp
Wise CP
WISE CP
WISE-CP
W.I.S.E.C.P

Do not mix upper and lower case, and do not split the name with a space, a hyphen or dots. Lowercase wisecp appears only as part of the wisecp.com address.

Misuse

Use the logo as it is

Stretching, rotating, recoloring or effects: none of these changes is applied to the logo.

Do not stretchDo not stretch or squeeze the logo in one direction.

Do not rotateThe logo is used horizontally only.

Do not change the colorUse only the color and white versions.

Do not add effectsNo shadows, glows, outlines or gradients.

Do not place it where it cannot be readThe color logo disappears on dark backgrounds; choose the white version.

Do not put the icon in front of the logoThe W is already part of the logo; it is not added a second time.

Color

Navy carries the structure, teal the signal

Navy is used in the logo, headings and primary buttons. Teal is the secondary color, for accents, links and status markers.

Navy Primary

#095174

RGB: 9, 81, 116
White Text: 8.6:1

Teal Secondary

#009595

RGB: 0, 149, 149
On White: 3.7:1

Teal does not give enough contrast for body text on white (3.7:1). Use navy for text; keep teal for large headings, icons and accent lines.

Supporting Colors

InkDark bands, header and footer#051B2A
PorcelainPage background#F7F9FB
WhiteCards and surfaces#FFFFFF
HeadingHeading text#11334D
BodyBody text#46586B
Secondary textDescriptions and help text#64748B
Light tealAccents and labels on dark backgrounds#66BFBF
BorderDividers and borders#E6EDF3

Typeface

Plus Jakarta Sans

Headings and body text come from the same family. Hierarchy is built with size, weight and letter spacing.

400 RegularThe quick brown fox jumps over the lazy dog.
500 MediumThe quick brown fox jumps over the lazy dog.
600 SemiBoldThe quick brown fox jumps over the lazy dog.
700 BoldThe quick brown fox jumps over the lazy dog.
800 ExtraBoldThe quick brown fox jumps over the lazy dog.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & ? ! @ #

CSS "Plus Jakarta Sans", Inter, system-ui, sans-serif

Open in Google Fonts Free to use under the SIL Open Font License 1.1.

The letters in the logo are custom drawn. Do not retype the logo in this typeface; use the logo file.

Download

Every file in one package

The color and white logo and icon in SVG and PNG, plus a text file that sums up the color codes and naming rules.

Download the Full Package ZIP

svg
wisecp-logo-color.svgvector
wisecp-logo-white.svgvector
wisecp-icon-color.svgvector
wisecp-icon-white.svgvector
png
wisecp-logo-color.png, @2x1200 × 174, 2400 × 349
wisecp-logo-white.png, @2x1200 × 174, 2400 × 349
wisecp-icon-color.png, @2x512 × 512, 1024 × 1024
wisecp-icon-white.png, @2x512 × 512, 1024 × 1024
README.txt

Use the logo only to refer to WISECP; do not add it to your own product name or logo. For another format or co-branding, use the contact form.