browserDzine

browserDzine is a web app built for web designers and customers who wish to get their websites designed. It is inspired by the idea that web designing should start in the browser itself rather than on Photoshop. Hope you like using it. It's still in its beta version so there are many more enhancements to come. It can be found on GitHub with a Standard MIT License.
Made by Rishabh Aggarwal on Diwali.

What describes your design?

Here, Enter what adjectives describe your design. These include adjectives relating to your target audience and the ones that set the mood of your page.


Done!

Design Variables

Here, Set the properties and basic layout material like colors, fonts and other variables that go according to your set adjectives.

Colors

Suggestions

These are the color palettes that suit your choice of adjectives. If you don't see any, the library can't match your adjectives to any stored color palette. Feel free to make a custom one.

Custom

Don't like the suggestions? Just type in the swatched below the hex code of the color you like and get creative.


https://kuler.adobe.com/create/color-wheel/

Fonts

Suggestions

These are the typefaces that suit your choice of adjectives. If you don't see any, the library can't match your adjectives to any stored typeface. Feel free to enter a custom one.


Custom

Enter a url for font you want to use in headings in first box and the name of the font in the second box. Similarly, Enter the same for the font you want in texts in the second two boxes.Press enter in the name boxes to load the fonts onto the page. Then click on grey box again to load to sample.
The url is like http://fonts.googleapis.com/css?family=Your+Font+Here


http://www.google.com/fonts


Show Sample!
Typography

This is the largest of all headings

This is the smaller sub heading

This is the smaller sub sub heading

This is the smallest sub heading

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

CaptionCum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Rishabh Aggarwal



Made with love by Rishabh Aggarwal