Welcome!

Discover our brand system to communicate consistently and effectively.


New Identity. Unlimited possibilities. Let's get some work done!

01.1 /
The
Ring

The ring is one of the key elements of our brand building.


It is our unifying element, so it has a huge presence in all communications. Here we will see how to use it.


Ir represents the community through 3 pillars that come together in one form.

3 GRUPOS

TALENTS
PROJECTS
WORKANA
main-image
negative-image

Negative version

mono-image

Mono version

SAFE AREA

ISOLOGOTIPO

for use in avatars, profile pictures, and other elements where space for brand is limited.

RECOMMENDED SIZES

DO’S & DONT’S

DO’S

Always use one of main brand colors as a background.
Negative version, always on the main brand color background (SEE GUIDE).
If you need to use it on the pink color, always use the approved colors and the monochromatic version.
If you need to use it on the other blue color, always use the approved colors and the monochromatic version.

DONT’S

Never use a background color that corresponds to the colors contained within the circle, contrast is lost and deformed. Nor do you change the color of the font.
Never change the eye color of the circle. It should always keep its original color, this way it will not lose legibility
Never use an outline version. Nor change the colors of the circle.
Never use another font nor version of this one.

01.3 /
Tone of
voice

Follow these rules and you will be able to communicate Workana here, there and beyond.

We are simple

Not plain

We are informal

Not irresponsable

We are approachable

Not gullible

We are trustworthy

Not arrogant

Our focus

Make sure each word informs and encourages

Simple, empathic and smart


Honest

We value clarity above all else.


Genuine

We speak in a familiar, warm and accessible way. We are on your side.


Optimistic.

We believe in the entrepreneur force and the power of the ideas.


Authentic

We are proud of what we are offering and believe in the power of the new work era.


Wit

Smooth and subtle. It's a wink. You can have fun when it's appropriate and when it's natural. Don't force the "joke", that can be worse than nothing.

Code can be written from anywhere, and we're here to power an IT community without borders.

We’re a selected group of Latin American developers bounded by the universal language of tech. An extensive list of time-zone friendly professionals defined by technical skill and cultural know-how. We’re careers, not one-offs. We’re a steadfast commitment, not a side hobby. We’re a certified way to scale rapidly without compromising quality.

We match diversified dev profiles with the world’s best startups
We match unique skill sets with specialized tech stacks
Complex tasks with simplified ways of working
Dream pipelines with dream teams
Startup mentality with elite developers
We’re software treasure hunters, matching opportunities with hidden gem talent.

Because it takes a team of problem-solvers to transform teamwork
Because it takes a community to power a global network.

This is your opportunity to drive unmatched growth for your business.

Workana. Selected Latam Devs. At Scale.

02.1 /
Colors

Expertise and professionalism reflected in a reduced and specific palette that arises from the original identity.

TRADEMARK COLORS

With hard contrasts and inspired in the tech world, this palette does not lose warmth and gains conceptual strength from minimalism.

BACKGROUND

#FFFFFF

R: 255
G: 255
B: 255

C: 00
M: 00
Y: 00
K: 00

BACKGROUND

#1D1D1B

R: 29
G: 29
B: 17

C: 38
M: 35
Y: 33
K: 92

PANTONE BLACK 7 C

BACKGROUND

#002D72

R: 0
G: 45
B: 114

C: 100
M: 87
Y: 32
K: 13

PANTONE 288 C

SECONDARY COLORS

We use them as a complement or accent on the main colors. They have a lot of presence in content and digital pieces. All these colors can be used with the logo in its color version.

OVER DARK COLORS

#DCB0E7

R: 220
G: 176
B: 231

C: 2
M: 32
Y: 0
K: 0

PANTONE 243 C

OVER DARK COLORS

#5CA5FF

R: 92
G: 165
B: 255

C: 68
M: 34
Y: 0
K: 0

PANTONE 279 C

OVER LIGHT COLORS

#86319B

R: 134
G: 49
B: 155

C: 53
M: 99
Y: 0
K: 0

PANTONE 513 C

OVER LIGHT COLORS

#0053B8

R: 0
G: 83
B: 184

C: 100
M: 52
Y: 0
K: 0

PANTONE 2935 C

02.1 B /
Gradients

Formed by the two brightest colors of the palette, the Gradient brings us even closer to the tech world and provides another way of hierarchizing information.

It will be applied on headlines and simple shapes, avoiding its use on extensive backgrounds.

To ensure contrast and legibility, it must only be applied on the three institutional colors that do NOT form it:
#FFFFFFFF / #002D72 / #1D1D1B

> and it MUST NOT be use on the two tones from the logo:
#0A78FF / #dcb0e7

#0A78FF
#DCB0E7
#1

BEWARE OF CONTRAST

Never over #0A78FF nor #DCB0E7
Always over #002D72 / #1D1D1B

#0053B8
#86319B
#2

BEWARE OF CONTRAST

Never over #0053B8 nor #86319B
Always over #FFFFFF

02.2 /
The
Noise

The objective is to softens and naturalize the communication of digital pieces, bringing it closer to the tech universe but in a modern and relaxed way.

It should be applied as a superimposed image over the design, with a 10% transparency in OVERLAY mode. It can be used as a separate layer, stepping on the complete design or sectoring its application in specific areas.

/ SELECTED LATAM DEVS. AT SCALE

02.3 /
Fonts

Tech inspiration. Monospaced in titles & sans serif in texts. Two modern typefaces with tech style, clear reading and well differentiated features that coexist in any type of composition.

Both typefaces are available at googlefonts:

https://fonts.google.com/specimen/IBM+Plex+-Sans

https://fonts.google.com/specimen/Poppins

IBM PLEX SANS MEDIUM

IBM Plex Sans
Medium.
A modern-techie
Monospaced.

ALL CAPS FOR SUBTITLES

POPPINS REGULAR

Poppins Regular, a clean
& modern Sans Serif font

Do´s and Dont´s

DO’S

They can be combined, with consistency regarding information hierarchies.
For typographic designs, IBM PLEX SANS should be used.
The gradient may be applied only in large headlines, and on colors that are not part of the gradient (black, white or dark blue).

DONT’S

Never combine backgrounds and typographic colors with low contrast.
Do not use IBM PLEX SANS for long, multi-line text.
Do not combine or alternate typefaces on the same line.

02.4 A /
Photo
Mood

Aspirational images. Professionalism and expertise, in realistic contexts.

Portraits of people looking at the camera showing their willingness and enthusiasm to work are used to generate a warm and close approach.

Group situations are recommended to talk about community and teamwork.

02.4 B /
Photo
Filter&
Masks

To build consistency, all the images should be published in the following way (or use the developed file to do it):

1 > duotone color mode : #002D72 + #549ffc
2 > Added noise of 7.6%.
3 > Brightness: -5% Contrast: -15%

To ensure an organic identity transition, masks will be kept in three formats:

> Circular
> Rectangular with two opposing corners
Rounded with a radius of 45px
> Square with two opposite corners
rounded with a radius of 45px

02.5 /
The
Icons

Icons enhance the communication of abstract messages when the use of photography is not effective. They also provide communication hierarchies when used with photos.

Simple, geometric and neutral icons will be used, always maintaining a clean line value, so that they can be seen uniformly without losing legibility.

/ KEEP IT SIMPLE

LET’S PLAY!

VISUALS / DIGITAL / TYPOGRAPHIC.

VISUALS / DIGITAL / TYPOGRAPHIC + IMAGES

VISUALS / DIGITAL / STORIES

VISUALS / DIGITAL / BRAND MATERIALS

VISUALS / OUTDOORS

03.1 /
The Ring
is Dynamic

We represent a conversation through the typographic use.

We do it by using 2 fonts with well differentiated features, which coexist harmoniously in any type of composition

THE RING IS DYNAMIC.

Workana is a brand in constant movement. It is made up of a huge, multiple and variable community. Through the circle, we represent that dynamism. The circle contains, represents groups, and acts like a peephole that allows us to observe the Workaner’s universe.

Main piece
Can contain independent talent
Can contain details of work processes
Can contain details of Workaner’s projects

03.2 /
Colors

We represent a conversation through the typographic use.

We do it by using 2 fonts with well differentiated features, which coexist harmoniously in any type of composition

TRADEMARK COLORS

We use them to speak institutionally and to generate brand presence. They are the ones that have the most presence in the total system of the brand.

#0a52d9

R: 10
G: 82
B: 217

C: 89
M: 67
Y: 0
K: 0

PANTONE
300U
PANTONE
3005C

#002d72

R: 0
G: 45
B: 114

C: 100
M: 87
Y: 32
K: 13

PANTONE
2495U
PANTONE
288C

#e8e8ca

R: 232
G: 232
B: 202

C: 12
M: 5
Y: 26
K: 0

PANTONE
7527U
PANTONE
7527C

#ffffff

R: 255
G: 255
B: 255

C: 0
M: 0
Y: 0
K: 0

SECONDARY COLORS

We use them as a complement or accent on the main colors. They have a lot of presence in content and digital pieces. All these colors can be used with the logo in its color version.

#69dab9

R: 105
G: 2018
B: 185

C: 56
M: 0
Y: 38
K: 0

#ff699d

R: 255
G: 105
B: 157

C: 0
M: 72
Y: 8
K: 0

#5a85ff

R: 90
G: 133
B: 255

C: 69
M: 49
Y: 0
K: 0

#ffeb90

R: 255
G: 235
B: 144

C: 1
M: 5
Y: 53
K: 0

#ff9655

R: 255
G: 150
B: 85

C: 0
M: 51
Y: 68
K: 0

#748af3

R: 116
G: 138
B: 243

C: 62
M: 47
Y: 0
K: 0

#38d3ec

R: 56
G: 211
B: 236

C: 62
M: 0
Y: 12
K: 0

#8beaff

R: 139
G: 234
B: 255

C: 43
M: 0
Y: 6
K: 0

#dcb0e7

R: 220
G: 176
B: 231

C: 19
M: 37
Y: 0
K: 0

#bde63d

R: 189
G: 230
B: 61

C: 35
M: 0
Y: 85
K: 0

03.3 /
Typography

We represent a conversation through the typographic use.

We do it by using 2 fonts with well differentiated features, which coexist harmoniously in any type of composition

COOPER (only light version)

Cooper Light for display & big text design. Classic shapes, but oh so modern.

Poppins as secundary font. Geometric and perfect, ideal for small text, details and screen text.

POPPINS (all variables are welcome)

WEB FONT COMBINATION

GOWUN BATANG (only regular variable)

Gowan Batang as a web replacement for Cooper. Similar rounded shapes & classic feeling.

Poppins is available as web font from Google. So no need for a replacement :)

POPPINS (all variables are welcome)

EXAMPLES

They can be combined, respecting information hierarchies.

arrow
As long as they respect contrasts and hierarchies, color combinations are welcome.
arrow
Play with font sizes, get bigger if you need to.
arrow
Be playful when mixing type and images
arrow
For visuals with extensive text you can use Poppins as the primary font.

DONT’S

Never combine backgrounds and typographic colors with little contrast.
Do not use Cooper for assembling long and multi-line texts.
Do not combine or alternate fonts on the same line.

03.4 /
Photo
Mood

Transform freelancers in aspirational talent.

We use 3 photographic variables to show our users. One focused on the moment of creative action, and another that works as a portfolio.


Home is where creativity is

Focus on context and different workspaces, where work happens.
Houses, rooms, workshops, cafes, surrounded by plants or next to your favorite pet, from the bed or the couch. Wherever you are, we are with you.


Real. Work. Done

We are interested in showing the work done by independent talent.
Images that show details of the creation process, finished works, work tables.


Personality

We want to communicate the satisfaction and happiness of starting or finishing a great project.

DO’S

Open shots, where you can appreciate a bit of context.
Warm and with natural lighting.
Faces, smiles and personality.

DONT’S

Overly produced photos.
Images on colored backgrounds.
Fake and unreal situations

03.5 /
Get it
Done!

Let's bring all these together in some real execution examples.

LET’S PLAY!

We can play with the brand's elements to generate expressive and playful visuals

LET’S PLAY!

You can also build patterns with the morphology of the chromatic circle as a base.

LET’S PLAY!

Compositions based on the circle. Complete or in halves, both are valid to generate playful and dynamic visuals.

DO’S

You can overlap several shapes subtly.
Figures can be cut by the whole picture.
If only 1 circle is used, always make it cut the image and without covering the entire area.

DONT’S

To avoid heavy looking compositions, never use more than one circle/image of the same size & shape.
Try to not condensed all the composition in just one part of the whole space. We are looking for rhythmical & dynamic visuals.
Don't just use a centered circle

VISUALS

Assembly architecture for graphic and digital pieces.

GRAPHIC ARCHITECTURE

EXAMPLES


Combine

In order to create more playful compositions, you can combine different circles of diverse sizes & shapes.


Mix

We encourage you to mix different styles of images in the composition.
For example, You can use a close up or a texture detail alongside a ortrait of a user. By doing this, we present a glimpse of the Workana universe.


Overlap

When combining image & text, you can use slight overlaps of images & typography in order to give more dynamic to the composition, as long as they have enough contraste within each other.

DONT’S

Don’t deform the circle, and never use text all over the image.
Text and image should work together and never outdone each other. Communcation hierarchies are a must. We don’t want visuals that scream at us.
Pay atention to how the background works with the image you’re using. Always look for the best contrast between them, so they don’t get lost in the composition.

We hope you find these guidelines useful, and please try to respect so we can mantain an effective and strong system in all communications.

Thank you!

Now, have some fun :)

Toolkit SS Platform Toolkit Dev Community DOWNLOAD LOGOS