B.Indie Style Guide

Brand Style Guide



The Mission Ahead Ever since 2016, Indie games have splurged in popularity. That means more games for us. Awesome news right?! Well, kind of. While there may be enough indie games to cover a lifetime, the sad reality of it is that a majority of them suck. But that’s not necessarily the creators’ fault. It’s just the nature of being an indie developer, since most of our work is either done solo or in small groups. We just don’t have the manpower like regular game companies do. Thus we’ve created a creative conference that focuses on developing skills necessary to combat the skill gap and jumpstart ideas. There will be a focus on worldwide influence through workshops dedicated towards skill advancement and making lessons readily available to potential game creators. It’s going to be a difficult journey. We’re in. Are you?

CONTENTS

The First Contact 08 09 Forms 10 11 Clearspace Don’ts 13 Colors 14 15 Our Way of Words 17 Tone 18 19 Fonts 20 Fonts in Context 21 Intricacies 22-24 Applications Evolution and Uses Do’s and Don’ts Photography Themes Stationary

THE FIRST CONTACT

Spiffy, isn’t it? The logo represents a strong emphasis on connections, thus we’ve chosen to create wire threads weaving around our company name. The wires, of course, are attached to a game controller, which distinguishes us from something like a clothing company.

The First Contact Primary Forms 08 Logo Primary Use Primary Use on black on white Special consideration background background should be taken to ensure that the primary logo Black and *Theme usage will always be used on a White on black and black background. If there * For more information on are exceptions that are Themed usage, refer to the unavoidable, refer to the themed section usage on white image and monochromatic settings.

The First Contact 09 Logo Clear Space The lines above are where Blue Line = 0.25” the wires are snapped to, Pink Line = 0.5” Distance from White before making them curve. The recommended clear space usage is at least 0.5 inches. Bottom of the barrel requirement is 0.25 inches.

The First Contact 10 Logo Please Don’t Do not rotate any aspect of the Do not alter any of the colors, logo except for appropriate usages outlined above in primary and Indie alternate forms. No distortions. We don’t like While interesting to look at, black holes impacting our don’t make alterations to the logotype. logotype. This includes resizing, or adding effects.

The First Contact 11 Colors Primary Colors We’ve selected 3 primary colors reflecting a RGB: (114, 200. 182) RGB: (227, 60, 117) RGB: (107, 203, 220) vaporwave aesthetic, since CMYK: (43, 0, 9, 22) CMYK: (0, 74, 48,11) CMYK: (51, 8, 0, 14) it denotes a retro feel. It #72c8b6 #e33c75 #6bcbdc is also integral as the root of indie games, so it’s Supporting natural that we’ve adopted Colors vaporwave as part of our color scheme. RGB: (0, 0, 0) RGB: (255, 255, 255) CMYK: (0, 0 , 0, 100) CMYK: (0, 0 , 0 ,0) Everything is #000000 #FFFFFF supplemented with pure white text and black Alternate background to let the Theme colors really shine. RGB: (82, 61, 143) RGB: (233, 67, 68) RGB: (45, 48, 115) CMYK: (43,57,0,44) CMYK: (0, 71, 71, 9) CMYK: (61,58,0,55) #523d8f #e84344 #2d3073 These should be rarely used. However, if you need some spice in your designs, these should be used as accent colors or additional colors. Ensure that with new themes, that you include all of the primary colors as well.

OUR WAY WITH WORDS

Our Way with Words 13 Tone If you’ve gotten this far, you’ve probably realized that our language isn’t like a regular laymans. We’re not going to promise you sunshine and daisies and that every game you create off the bat is going to be a success. We’re not going to lie. Creating games is HARD work, and we’re not here to sugarcoat the truth. Our language is dependent on the situation. You can think of us as a business-casual venture, because we’re flexible. If the situation calls for it, we’re professional. But we’re also not afraid of keeping it real. Just like the indie games we love to create, every scenario is different. We adjust accordingly. But we never want to be stuffy or inflexible.

Our Way with Words 14 Typography Fonts We’ve handpicked a few Antema Bold Asap Semibold casual, yet professional Aa Bb Cc Dd Ee Ff Gg Hh Ii Aa Bb Cc Dd Ee Ff Gg Hh fonts. Everything is Jj Kk Ll Mm Nn Oo Pp Qq Rr Ii Jj Kk Ll Mn Nn Oo Pp Qq typically left-aligned for Ss Tt Uu Vv Ww Xx Yy Zz Rr Ss Tt Uu Vv Ww Xx Yy Zz body copy, but there are a few exceptions where Asap Bold Aller Regular main-text and body can be Aa Bb Cc Dd Ee Ff Gg Hh Aa Bb Cc Dd Ee Ff Gg Hh middle-aligned. Ii Jj Kk Ll Mn Nn Oo Pp Qq Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Rr Ss Tt Uu Vv Ww Xx Yy Zz Aller Bold Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Our Way with Words 15 Typography Fonts in Context Bold / Headline & Logo 36 pt / 42 pt leading Amazing Antema Bold & Semi / Subtitles & intro text Awesome Asap subhead in 14 pts 14 pt/ 22 pt leading with 22 leading. We alternate between bold and semi for emphasis Regular / Body Copy depending on the situation. This is 12 pt/ 18 pt leading used primarily for intro and subtitles. *Bold for small text situations Authentic Aller. We use this kind of text in all of our body copy. We sit at 12 pt font with a leading of 18 points. Typically we like to have small breathing room distinction with our texts so that the text has room to breathe.

APPLICATIONS

Applications Intricacies 17 Typography Leading Tracking Alignment Like every gamer, the type Words should be tracked in needs room to breathe and a pleasing manner, so that Everything should be relax. Ensure that there’s the reading experience is left-aligned except a few enough spacing between exceptions where middle- the lines. This is comfortable aligned objects and right- tracking, just like how aligned objects are used. This is good for easy gamers should be. reading purposes. Easy Comfortable. Yes, we adhere to the reading exudes a sense of cliche left-aligned calm. Thisisbad.Noticehowthewordsare standards. But, that’s fallingapartandIcan’ttellwhatIam all due to comfort and This is bad. I feel very reading claustrophobic looking at this Thhis is a bad example of text kind of text. Notice how it’s combination as it introduces difficult to comfortably read this too much variance and is not kind of text. consistent with our brand.

Applications Evolution and Uses 18 Other Uses Background Elements With others Standalone element If you strip the logotype away, you’ll see that the wires form a shape. That’s our wire formation! Pretty simple, really. While the item is not shown continuously, we have connected the wires together for continuity in backgrounds. Our wire formation is very receptive to circles and other elements that are incorporated throughout.

Applications 19 Background Elements Do’s and Don’ts You can utilize these Special care should be taken not Do not allow the ends to show up Themed backgrounds shouldn’t shapes in multiple ways to overlap shapes except for one unresolved on the paper occur in the same place as the for variety. Use them exception. regular B.indie wire. accordingly on a case-by- case scenario. Sometimes, you’ve gotta be a stickler for the rules. This is one of those times. The wires can also vary in primary colors. The only exception to the above Not everything in the logotype Different directions are rule, but only because it creates a wire has to be present. Different encouraged, but use discretion unique shape of a person. opacities are encouraged too. Just on how multiple orientations will ensure there’s white space. look on a spread.

Applications 20 Photography Our brand utilizes a cinematic/ vintage- esque quality with black and white photography. This ensures that supplementary elements with our color schemes will truly pop.

Applications 21 Themes Quick Checklist Every year, our conference The theme uses its own RPG hosts a different theme. unique wires dependent Here’s the quick nitty-grit- on the year. For example if ty checklist of things you RPG is the theme, use that can expect for theme vari- wire instead of B.Indie. ance. Ensure that the primary Everything else is up to colors are utilized your discretion! Be mind- throughout the theme’s ful of general tracking, items, as well as the same alignment, and leading typography used. practices. Play to your heart’s content. Ensure that black and white photography is utilized no matter what style the theme is in.

Applications Business Card 22 Stationary Ensure adequate spacing around the business cards Front view of business card Our business cards! This section details a worst- case scenario of how a card would look like if someone had a huge name. The copi- ous space also allows for smaller names!!

Applications 23 Stationary Letterhead This is one of those examples, where it is unavoidable what kind of background the logo appears on. Thus, we’ve used the alternate logotype as shown.

Applications 24 Stationary Envelope We follow U.S. Postal guidelines when dictating envelopes. Ensure you follow these particular guidelines to keep envelopes in check!