cover

MOZOHACK

The MOZOHACK Branding

We’ve created some guidelines to help you use our brand and assets, including our logo, content and trademarks.

MOZOHACK is a fun brand that doesn't take itself too seriously. In spite of that, we never miss an opportunity to boast about our design work and do throw advices, often unasked for, at people about design. Oooh, now we realise why Jay is pissed off.

In fact, this page is created just to show off our design to you. Now, our designers might get fired for revealing our witchcraft, but they are bolder than ever anyways.

The secret formula of our design is 3 tablespoons of brain matter and 8 tablespoons of heart matter. And we are not kidding. After sautéing the mixture, we sprinkle tons of gratitude-flavored seasoning to make it mouth-watering.

That said, we're keen on keeping things quality so if you're gonna use our art for something, please keep it tasteful.

Logos

We are very proud of our MOZOHACK marks, and we require that you follow these guidelines to ensure they always look their best. Our mark is the combination of a simple and modern wordmark with the icon.

Please don’t modify the marks or use them in a confusing way, including suggesting sponsorship or endorsement by MOZOHACK, or in a way that confuses MOZOHACK with another brand (including your own). If you are unsure, please feel free to contact us via yourfriends@srmkzilla.net.

Please do not edit, change, distort, recolor, or reconfigure the MOZOHACK logo in any way.

Alternate logos

Icons

In cases when the MOZOHACK brand has already been established we simply use the icon on its own. While the icon can exist without the wordmark, the wordmark should never exist without the icon.

Colors

Every year, we host MOZOHACK to bring amazing developers together on our collective mission to change the world.

To express our commitment and strongest desire towards diversity and vibrancy, we took a brave decision to include 12 color sets in our palette.

You should use the lighter shade of color set on dark backgrounds and vice versa. If you'd like to fancy it up a bit more, these color sets are perfect gradient blends, too.

#FC6E51

R252 G110 B81

C0 M56 Y68 K1

#E9573F

R233 G87 B63

C0 M63 Y73 K9

Bittersweet

#5D9CEC

R93 G156 B236

C61 M34 Y0 K7

#4A89DC

R74 G137 B220

C66 M38 Y0 K14

Blue Jeans

#ED5565

R237 G85 B101

C0 M64 Y57 K7

#DA4453

R218 G68 B83

C0 M69 Y62 K15

Grapefruit

#FFCE54

R255 G206 B84

C0 M19 Y67 K0

#F6BB42

R246 G187 B66

C0 M24 Y73 K4

Sunflower

#A0D468

R160 G212 B104

C25 M0 Y51 K17

#8CC152

R140 G193 B82

C27 M0 Y58 K24

Grass

#48CFAD

R72 G207 B173

C65 M0 Y16 K19

#37BC9B

R55 G188 B155

C71 M0 Y18 K26

Mint

#4FC1E9

R79 G193 B233

C66 M17 Y0 K9

#3BAFDA

R59 G175 B218

C73 M20 Y0 K15

Aqua

#AC92EC

R172 G146 B236

C27 M38 Y0 K7

#967ADC

R150 G122 B220

C32 M45 Y0 K14

Lavander

#EC87C0

R236 G135 B192

C0 M43 Y19 K7

#D770AD

R215 G112 B173

C0 M48 Y20 K16

Pink Rose

#F5F7FA

R245 G247 B250

C2 M1 Y0 K2

#E6E9ED

R230 G233 B237

C3 M2 Y0 K7

Light Gray

#CCD0D9

R204 G208 B217

C6 M4 Y0 K15

#AAB0B9

R170 G176 B185

C8 M5 Y0 K27

Medium Gray

#656B77

R101 G107 B119

C15 M10 Y0 K53

#434A54

R67 G74 B84

C20 M12 Y0 K67

Dark Gray

Subheadings

At MOZOHACK, we wanted to do more than just the routine boring subheading designs. And when we started thinking about it, we realised how beautiful subheadings can really be.

This MOZOHACK, we are playing a lot with outlines and our "rows of dots" pattern that we call "dodo".

We tried mixing and matching stuff, and found a set of combinations that worked out aesthetically and logically.

Our subheadings are either in the primary or the accent color. And dodo can be placed on any of the four corners of the subheading. Armed with this guide, we created (2 + 2 + 2 + 2) 8 different possible combinations of what subheadings can be like.

We have embedded a codepen for you to go crazy!

See the Pen Subheadings by Ishan Chhabra (@ishan-chhabra) on CodePen.

Hugsies

When we were on our mission to craft a beautiful theme for MOZOHACK, we came about a Dribbble post showcasing some memphis patterns.

We thought it'd be one hell of an idea to create memphis patterns that fill that whitespace across MOZOHACK. Enter Hugsies.

Hugsies are beautifully and mindfully designed memphis patterns that just fit-in anywhere. And with the great contrast value that they hold, hugsies make the design look a whole lot better. You really gotta catch 'em all.

hugsy_butters_black
Butters
hugsy_butters_white
Butters
hugsy_lumpy_black
Lumpy
hugsy_lumpy_white
Lumpy
hugsy_nitro_black
Nitro
hugsy_nitro_white
Nitro
hugsy_sparky_black
Sparky
hugsy_sparky_white
Sparky
hugsy_noah_black
Noah
hugsy_noah_white
Noah
hugsy_tangy_black
Tangy
hugsy_tangy_white
Tangy
hugsy_vixen_black
Vixen
hugsy_vixen_white
Vixen
hugsy_wheezy_black
Wheezy
hugsy_wheezy_white
Wheezy

Download the complete MOZOHACK Branding Kit.

Download Branding Kit