## Quote Codes Diaries 2: The Making Of Primitive Font

Welcome to blog 2 of the Quote Codes Diaries. This time I’m going to dive into the details of the making of ‘Primitive Font’. (That’s our font featured on Typography Served on Behance for those of you who didn’t checkout our previous blog)

### The Making Of Primitive Font

At its core Primitive Font is made up of four basic shapes

Circle + Rectangle + Triangle + Line

All designs are a combination of these shapes with minor adjustments. It is done by changing the sizes and the interactions between these shapes.

Everything except for the M and W is laid out on 3×3 grid  (M and W take a 4×3 grid due to its horizontal expanse). The grid was just a framework to work within certain guidelines. The geometry behind the shapes was a very deliberate effort. We wanted to achieve a very minimal representative of the alphabet. We did compromise a bit for legibility though.

Let’s take C-D-O for example(The Big Short  anyone?). The basic shape is a circle. The letters are just variants of it.

So the O is obviously a circle fitting the 3×3 grid. Simple. The C is just the circle with the right portion cut off. So we have C as well made from the circle cut off half way though the right grid block. The letter D is actually a slightly distorted mirror image of C. So we have the exact same principle with one exception. The straight line that other wise demarcates the D is now a curved one running along the circle’s circumference. And how do we give it a playful nature? Simple, add some colour into it!

The use of colour is mainly in the negative spaces throughout the letters. The playful aspect can be seen in the F and the E as well. Traditionally both are separated by only an extra line (bottom line in the E). But we decided to give the E a lil bit of quirkiness. Instead of the middle line, we substituted it with a filled circle. And what do you know? It works out!

The rest of the letters follow similar principles. All but M and W; Z and I. These are formed purely from lines. This was so as to avoid any confusion in regards to legibility.

Then comes the symbols set.

Similarly we even designed a numbers set based on the same principles (though they are a bit abstract).

So these are my two cents on the Primitive Font. Hopefully, this cleared up matters a bit for you. Look out for our next post, this is where serendipity and the fun begins – Animations!

Don’t forget to Pre-order Quote Codes on the Appstore here, it comes out on Jan 18, 2018. Pre ordering ensures that the app automatically downloads onto your device on Jan 18.

## Quote Codes Diaries: Primitive Font Origins

Greetings my people! Now that Quote Codes is up for Pre-Order, I finally get a breather. And I’ve been just looking back at the whole process of making Quote Codes and what a journey it has been. Beginning today, we played to have a series of blogs mapping out Pixel Drop’s entire journey with Quote Codes.

### Primitive Font Origins

Let’s start at the very beginning. Quote Codes actually began with the Primitive Font. It wasn’t the typical we have this concept, let’s make a prototype and then finish off with graphics. It was a long and organic journey you might say.

This was way back in 2013, and I was obsessed with simple geometric shapes being used as the basis for all illustrations. I was validated in 2015 when google redid their logo to make it completely based on geometric shapes in order to reduce data consumption. (You can check that out HERE)

This combined with a throwback to the Swiss Design Style of the yesteryears gave birth to Primitive Font

I never intended to have this as an app. It was just an experiment with various principles in my head. A search for clarity. Plus a need to make something with these principles.

Geometry and order are inherent characteristics in design – it requires a certain degree of discipline to impose constraints on yourself and find solutions within that framework. It’s also a recipe for innovation. It forces you to analyse everything closely.

Primitive Font involved the use of four basic shapes. Circle. A Line. A Triangle. A Rectangle. Everything else is a union or intersection of these four shapes. And couple this with contrasting colors to bring about the conflict between the shapes.

All this within a simple grid incorporating the shapes. That’s pretty much it to be honest. And of course getting featured in Typography Served.  It was the first time that a Pixel Drop product got recognized anywhere. So this one’s special to us.

Next time, I’ll dive in detail about Primitive Font with examples.

Don’t forget to Pre-order Quote Codes on the Appstore here, it comes out on Jan 18, 2018. Pre ordering ensures that the app automatically downloads onto your device on Jan 18.

## Quote Codes is available for Pre-Order on the App Store

We have some exciting news to share. Quote Codes is  available for pre-order on the App Store.

Yes, you read that right. Apple now let’s you pre-order apps: A simple but extremely useful feature.

Many thanks to everyone for the continuous love and support for our little creation. It has been an amazing journey so far and our community continues to grow bigger each day.

Quote Codes is a word puzzle game where you unlock your favorite quotes by substituting one letter at a time. In every game, each symbol stands for a letter. Your aim is to guess and decode the quotes!

Features
• Beautiful and addictive word puzzle game.
• Decode quotes ranging from all themes like Epic TV Shows, Timeless Movies, Classic Disney, Netflix Binge, Legendary Authors and many more!
• Over 85 different themes to play. Solve quotes from Game of Thrones, 13 Reasons Why, Rumi, William Shakespeare, Lord of the Rings, Stranger Things and countless more.
• Hand crafted custom animations of each symbol. Beautiful minimalistic visual design.
• Completely free to play with minimum Ads. Earn coins by successfully decoding quotes!

Quote Codes comes out on January 18, 2018 on the App Store. Please don’t forget to pre-order the game. It will automatically download on launch day to your device, completely free.

Decode your favorite quotes and stay inspired all day!

For any press enquires:

Or alternatively you can email us at: quotecodes@pixeldrop.in

## [Beta] Quote Codes – A word puzzler about decoding your favorite quotes!

Hey Guys!

Pixel Drop Studios is proud to present Quote Codes – A word puzzler about decoding your favorite quotes!

Quote Codes is a word puzzle game where you have to unlock your favorite quotes using letter substitutions. Each symbol in the quote stands for a letter.

Your aim is to guess and decode your favorite quotes ranging from all Categories like Epic Tv Shows, Timeless Movies, Classic Disney, Legendary Authors and many more!

Filled with handcrafted quirky animated letters, every quote begs to be shared!

#### We are looking for BETA Testers

Quote Codes comes out soon on iOS!

If you like word games or quirky animations, please lend us your support. We’re starting our BETA tests for iOS users.