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”, 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
2. Installation
3. Server Settings
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.