Multi-Device Layouts in Color

Grid & Colors

Create powerful multi-device layouts quickly and easily with the 12-column, nest-able Foundation grid. To optimize the size of your images, you find the correct dimensions beneath. Further below you find the colorscheme and colors used for Feeling Responsive and their color codes.

Feeling Responsive is built on Foundation. And of course, we make use of the wonderful grid system and so can you. Find out more about constructing beautiful layouts in the foundation documentation.

Small Grid

Large Displays

Large Displays Two Columns

Large Displays Three Columns

Large Displays Four Columns

Color Scheme and Colors Codes

Feeling Responsive uses strong colors in combination with grey colors.


Grey Scale