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.
ROSE QUARTZ & SERENITY MOOD
Rose Quartz and Serenity are the two favourite colors for summer 2016.
Check the top 10 PANTONE Spring/Summer Colors 2016 and download the CSS to add a bit of spring fever to your website.
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