What Does “ClearProfile®” Mean?

Simply put, “Clear” means transparent, and “Profile” is what businesses should be able to trust when they go online to hire the best talented professionals suited for their projects.

Nowadays, it is very difficult to find trustworthy profiles which can make businesses feel uncertain and anxious when trying to find the right talented professionals for the job.

The main reason is that most of the platforms out there give pretty much “a free hand” when it comes to talented professionals building what should be their trusted profile.

That’s why many profiles can showcase untruthful & uncheckable information about their skills, experience, education, and basically the most important pylons for a successful service.

It is very important to understand that both businesses and talented professionals need to be offered the best environment to connect and collaborate.

We are here to make sure of that by offering our talented professionals the right tools to express who they really are and what their work stands for AND we also assure businesses and collaborators of full transparency when it comes to finding the right person for the job.

ClearProfile® aims to be the ultimate source of truth for connecting people with opportunities.

What's the Abruptive Symbol?

The ClearProfile® logo is a powerful symbol that embodies the transformational journey people take when starting or growing in their professional careers.

The three visible shapes pack a variety of meanings when viewed from different perspectives. First, it symbolizes two people (orange) who meet to discuss an opportunity (center circle).

Viewing from a 90 degrees rotation shows each person's front portrait. It presents two people meeting "in the middle" when viewed from the front.

Also, it double symbolizes a person connecting with "an opportunity. "Our symbol's negative space also creates a rhombus shape, which embodies a "negotiation table" where people meet to discuss and collaborate.

On a deeper level, when creating the ClearProfile® symbol, we went back to Ancient Egypt, following the inspiration of ancient Gods such as Thoth and Ma'at.

But that is a long story for another day that we can't wait to tell! Each of the four corners (the moon, the sun, the feather, the scroll) and the negative center space (the box) is connected to an ancient concept that powers the C.L.E.A.R. vision.

While the ClearProfile® logo packs many other secret meanings that will be revealed in time, these are some of the meaningful codes we modeled our entire vision around.

Branding

Use our official brand assets when writing posts about us, printing materials, creating partnership content, etc.

Logos

SVG

The preferred format to be used for all our logos. Use the light logo (the first one) whenever possible.

PNG

An alternative image format for our logos, only for when SVG cannot be used.

Icons

SVG

The preferred format to be used for all our icons. Use the light icon (the first one) whenever possible.

PNG

An alternative image format for our icons, only for when SVG cannot be used.

Favicon

Favicon Web Bundle.zip

137 kb - zip

Avatar

JPEG

Our brand avatar, used on social media and other places that require a profile picture.

Colors

Copy

Primary

#EB590A

235, 89, 10

Copy

Secondary

#FFC847

255, 200, 71

Copy

Accent

#1BCD93

27, 205, 147

Copy

Dark

#1E1814

30, 24, 20

Copy

Light

#F6F6F6

246, 246, 246

Copy

White

#FFFFFF

255, 255, 255

Fonts

Magicher

We use the "Magicher" font for headings copy.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
(,.;:?!$&*)

Weight: 400 (Normal)

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
(,.;:?!$&*)

Weight: 700
(Bold)

Lexend

We use the "Lexend" font for body copy, excluding headings and block content.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
(,.;:?!$&*)

Weight: 400 (Normal)

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
(,.;:?!$&*)

Weight: 700 (Bold)

Web Fonts

Lexend - Web Fonts.zip

233 kb - zip

Magicher - Web Fonts.zip

271 kb - zip

Usage

Import

Insert this right before closing the <head> element in your HTML.

CSS

Use this font family whenever referencing fonts in your CSS.

font-family: Lexend, sans-serif;

Desktop Fonts

Lexend - Desktop Fonts.zip

114 kb - zip

Magicher - Desktop Fonts.zip

271 kb - zip

Sizes

Scale

We use the Perfect Fourth scale when calculating all our sizing proportions.

Base: 16px (1rem)

Ratio: 1.333

Smaller Values

Here are some of the most used smaller scale values:

0.75

0.563

0.422

0.317

0.238

Larger Values

Here are some of the most used larger scale values:

1.333

1.777

2.369

3.157

4.209

5.61

7.478

9.969

Typography

All headings and copy must be sized accordingly to the scale we use. For structural purposes, a heading can use another heading's size, as long as it's using one of the following sizes:

Heading 1

4.209rem

Heading 2

2.369rem

Heading 3

1.777rem

Heading 4

1.333rem

Heading 5

1rem

Heading 6

0.75rem

Article Body

1.333rem

Default Body

1rem

Elements

Rules

Border Radius: 0.422rem

Letter Spacing: Normal

Buttons

Rules

Border Radius: 0.422rem

Letter Spacing: 0.238em

Font Weight: Bold

Styles

Sizes

Small

Normal

Large

Turn Strangers Into Customers.

Get My Free Page

Millions of talented professionals miss out on the best way to brand themselves and land the best opportunities. Don't be one of them. Choose greatness instead.