raio creative

brand style guide

Welcome to the Raio Creative branding and assets guide. We want to make it as easy as possible for you to implement Raio Creative while still respecting our brand and everything it represents. In using these resources, you are also accepting our privacy policy as well as our Terms and Conditions Agreement.

Logo & Icon

Below are the three variations of the official Raio Creative logo in order of primary, secondary, and tertiary. Colors shown are not static, and may be changed as documented later in this guide.

Raio Cretive Official logo
Raio Cretive alternate logo
Raio Cretive alternate logo

To ensure that the integrity of the brand in not compromised, and that our logo always remains looking excellent, it is imperative that it be used in accordance with the guidelines to follow. Our logos are comprised of a modern logomark and a wordmark and can each be represented in several color variations. Choosing which logo to use in a specific instance require's one to use their best judgement. For example, if the space provided is more rectangular, then the primary logo may be fit. Whereas if there is ample space all around, such as in a square space, then our secondary might seem nicer. Finally, if space is not on your side, as in with a profile picture, than the tertiary might be your best bet.

White
Grey
White
Black

The Raio Creative icon is a design that was inspired by the brand name. "Raio" comes from the portuguese meaning "bolt", and bolts of lightning emobody our our team as a whole: fast, energetic, and to the point. The bolt icon is capable of being displayed independently, however the word mark is only ever displayed when accompanied by the icon.

exclusion zone

The exclusion zone describes an area that nothing may enter. For Raio, this zone is defined the full width of the icon. (marked "x")

minimum size

To maintain the integrity and legibility of the logo, it must never be displayed smaller than the above specifications. These are:

Full Logo

Width should never be below 55px for digital or 15mm for print

Icon

Width should never be below 22px for digital or 6mm for print

logo misuse

It's important that the Raio Creative brand maintain its identity and that the logo remain consistent and unwavering. No attempts at altering the logo or any part of the brand can be made in any way. Be it the colors, orientation, dimensions, or content, there are no exceptions to this rule.

colors

The Raio color palette is comprised of three colors are simply black, white, and a very dark purple/grey. This highlights our desire to always be to the point, without all the extra fluff. It also gives the brand a very professional, slick, and modern look.

#000000

Black

#f5f5f5

Whitesmoke

#393c4b

Dark Purple/Grey

Color Rules

With our color Pallette, we are lucky in the sense that the colors can be used in almost any combination. The only rule with them is that the Raio Creative official logo is always combined with the opposing background So if the logo is white, the background must be black or dark purple. While if the logo is black, it is always displayed on a white background.

typography

Liquostore Regular:
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9
, . : ; " + - _ @ & % # ! ?

Roboto:
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9
, . : ; " + - _ @ & % # ! ?

Raio Creative utilizes "Liquostore Regular" and Roboto" for all of it products and applications. The Liquostore Regular font-type helps foster a unique and very modern feel and it is not used in paragraphs and regular text. Instead it is used for things that are short and meant for branding purposes only, such as our logo, tags, or signs. Finally, Roboto is our go to font-type for paragraphs and deep text due to its excellent legibility. It is important that these differentiations are understood if the brand is to be implemented and represented in other modes appropriately.

size & weight

Body Size

The standard size for both print (pt) and digital (px) formats is 16 or 1em

Heading Size

Headings and text for both print (pt) and digital (px) formats (from smallest to largest) are to follow the Fibonacci sequence divided by two. This means starting at 16 you may multiply or divide by 1.309 to reach the appropriate next font. So starting at 16 and going up it would be 21, 27, 36, and so on. On digital formats, these should be converted to em's.

Font Weight

Font weight for Liquostore regular as well as bokor may remain at a default weight. For Roboto, the weight may be either 300 or 600 depending on use.

background & font color

Background Color

Any of our three colors provide enough contrast to be used as a background color for all fonts. This assumes that the opposing color is being used for the font-color.

Font Color

Going off of background color, the font-color of our fonts should always directly oppose the chosen background color. So white with black and dark purple or vice versa.

line height

Line Height for all publications should always equal the body font size x 1.5

line length

Line Length for all publications should never exceed to line height x 28

paragraph & character spacing

Paragraph Spacing

The spacing between paragraphs for all publications should always equal to line height x 0.75

Character Spacing

The spacing between all characters should simply always be set to 0 or 0em in general. Hower utilizing spacing as small as 200 or 400 may be used when deemed appropriate.

style & highlighting

Style

In general, we rarely use anything out of the ordinary in our text. On occasion, we may apply an upper-case rule to some text to make it stand out from the rest.

Highlighting

We use a standard font style, unbolded & unitalicized all-content. However this doesn't mean that the use of italics and bold-font is not allowed, instead these things can be used when deemed appropriate, and we feel they actually enhance communication when used wisely.

thank you!

We appreciate your respect and compliance in accordance with the content of these branding guidelines. Please reach out to use at hey@raiocreative.com if you require clarification and or assistance when implementing anything related to Raio Creative. We will be glad to help.