PARTICLES

MADAM MONOROM

The easy way to responsive design

We provide a handful of standard HTML elements, CSS specifications and a grid to start with.

CSS & HTML PARTICLES PROJECT

The PARTICLES Project is a collection of CSS helpers to create your own websites. It will require only a small effort to understand how to use the time-saving CSS helpers. You can download each file and add it to your project or framwork. If you download one of the Demo-Templates, all files are included.

Responsive Flex Grid System

The Responsive Grid is an easy and flexible way to create the foundation of a responsive website.

Typography
Icons, Media

Roboto as Typeface, Font Awesome and some CSS classes to easily add responsive images and videos

Colors, Shadows
Buttons, Hovers

The basic color module contains definitions for colors and shadows - as used for this design.

Simple Starter
Templates

All Templates comply to responsive HTML5 and mobile-first standards. Check out the examples.

SPRING COLOR OF THE YEAR 2017
PANTONE 15-0343 GREENERY

Greenery is Inspired by Nature, Hope and Fresh Beginnings
Check the top 10 PANTONE Spring/Summer Colors 2017 and download the CSS to add a bit of spring fever to your website.

CSS spring fever

Custom Modules

In need of a specific extension to PARTICLES?
We offer customized modules on demand.
Get in touch.

Action Heros

For this project and the templates we used
normalize.css, a modern HTML5-ready alternative to CSS resets.
Font Awesome, the iconic font and CSS toolkit.
Roboto, a Google Font, as recommended in the Material Design specifications.

Particles wouldn't be possible without open source projects and the support of:
Silvan Zurbrügg – Kodomodo GMBH
Thomas Zobrist – EB Zürich