Developer Docs

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Build Your Own Custom Experiences

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.

Typography Variations

We strictly don’t want our creators to be restricted to a minimal use of colors and/or fonts, rather we would want every designer to use any set of typographies with any set of colors. After a whole lot of research and development, we’ve shortlisted a few set of colors and fonts.

There’s one restriction that we imply over the logo, that’s the change of the colors. We strictly want to follow the shade pure Red, Black and White.

 

1. Fonts

We are lovers of open Google Fonts and thus we have used “Titilium Web” font family pack to design the entire website. You can try the packs yourself here :

 

Titillium Web : https://fonts.google.com/specimen/Titillium+Web

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

 

Our website is designed using the “Titillium font” families and the font underlaying the logo is “Roboto” family

 

2. Font - Families and Sizes

For the utmost visual rendering, we stick to 2 font-family types : “Regular” and “Bold“.

The headings you see over the top of the accordian panel are in “Bold” and the content of the body is an exmaple of “Regular” font.

For the sizes we encourage the use of multiplier of “2” for all the fonts keeping  the minimum usage of “12px”.

For the apt web appeal of the application we use: “20px”, 18px”, “16px”, “14px”, “12px”.

But, for high-res printing purposes please feel free to scale up the fonts as per the nested need, again keeping in mind the multiplier.

3. Font - Examples

This is an example of “Titillium Web – Regular”, 12px.
This is an example of “Titillium Web – Regular”, 14px.
This is an example of “Titillium Web – Regular”, 16px.
This is an example of “Titillium Web – Regular”, 18px.
This is an example of “Titillium Web – Regular”, 20px.

This is an example of “Titillium Web – bold”, 12px.
This is an example of “Titillium Web – bold”, 14px.
This is an example of “Titillium Web – bold”, 16px.
This is an example of “Titillium Web – bold”, 18px.
This is an example of “Titillium Web – bold”, 20px.

This is an example of “Roboto – Regular” , 12px.
This is an example of “Roboto – Regular” , 14px.
This is an example of “Roboto – Regular” , 16px.
This is an example of “Roboto – Regular” , 18px.
This is an example of “Roboto – Regular” , 20px.

This is an example of “Roboto – Regular” , 12px.
This is an example of “Roboto – Regular” , 14px.
This is an example of “Roboto – Regular” , 16px.
This is an example of “Roboto – Regular” , 18px.
This is an example of “Roboto – Regular” , 20px.

Color Variations

Lorem ipsum dolor sit amet, consectetuer adipiscing

1. H1

Font Family : Titillium;

Font Weight : Regular;

Font Size : 60px;

Letter Spacing : 10px;

Line Height : 2em;

1. Heading

Font Family : Titillium;

Font Weight : Regular;

Font Size : 20px, 40px;

Letter Spacing : 6px;

Line Height : 1em, 2em;

1. Body

Font Family : Titillium, Rubik;

Font Weight : Regular (tit), Medium (rub);

Font Size : 16px;

Letter Spacing : 2px;

Line Height : 1.2em, 1.4em;

2. Subheading

Font Size : 20px;

Font Weight : Normal, Bold;

Letter Spacing : 2px, 6px;

Line Height : 1.5em;

3. Body

Font Size : 16px;

Letter Spacing : 0px;

Line Height : 1.5em;

4. Meta

Font Size : 14px;

Letter Spacing : 2px;

Line Height : 1.5em;

Font Weight : Bold;

6. Button

Font Size : 14px;

Font Family : Rubik;

Font Weight : Medium;

Border width : 10px;

Border radius : 100px;

Letter Spacing : 2px;

 

Black Text : #000000;

White Text : #ffffff;

Green Text : #44d89e

 

Blue BG: #4328b7;

Green button BG : #14f1d9;

Red BG  : #ff0000;

 

Blue Background : #101535

Connect Platforms

Lorem ipsum dolor sit amet, consectetuer adipiscing

1. Introduction

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

2. Installation

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

3. Server Settings

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.

Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

Have any more queries?

Let’s connect and make something new and awesome!

WE ARE WAITING FOR YOU

CONTACT US

11 + 5 =