Choose. Create. Generate.

mash:it;

New to Mash:it? This is how easy it is!

mash:it offers you a tool to try out and play around with different fonts and colors, just for fun or before you embed them in your own web designs. Style your headings and p-tags like never before!

And best of all - it's ALL FOR FREE! If you never have used it before, check out the 3 quick steps below and you'll be ready to rock in no time!

arrow

GET STARTED!

template image

Templates

Which template do you choose today? Is it the start page, or maybe an underpage?

Step 1. Choose a template!

Pick a template you wish to personalize. Choose between a first pager or sub-pages. The option is yours!

Step 2. Create - mix colors and fonts!

Generate color palettes and fonts and click and style the elements to preview the result.

fontface icon

FONT AND COLOR

Start having fun with color and fonts. Only your imagination sets the limits!

css icon

CSS-CODE

Output your masterpiece to CSS-code. Voilá, you're done!

Step 3. Generate CSS!

Make sure you get the most out of your mash:it and generate your styling to useful CSS-code. Let's get started!

ABOUT mash:it;

mash:it is a web service that is produced and run by three 2nd year students at the Bachelor program Information Architect at Malmo University. The aim is to provide a tool for anyone who enjoys web development, either on a professional level or just for fun. Credits to Colourlovers community and Start Bootstrap.

avatar of anna

Anna

Favourite font: Lily Script One

Favourite hex: #1E7B82

linkedIn logotype

avatar of jennie

Jennie

Favourite font: Lobster

Favourite hex: #222222

homepage logotype linkedIn logotype

avatar of Michelle

Michelle

Favourite font: Arizonia

Favourite hex: #000000

linkedIn logotype