0709399000 

Login       Register     Place Order

THE MONO V5 DESIGN SYSTEM

At the foundation of the V5 platform is an extremely flexible grid system based on three fundamentals including rows, columns and modules.

A page may contain as many horizontal rows (placed on top of each other) as you like and each row can contain up to 12 vertical columns. Modules (content) can then be placed freely inside columns.

These fundamental elements can be compiled in infinite combinations, giving the ultimate flexibility to accommodate any page layout imaginable. Furthermore, rows and columns can be styled individually for boundless design options.

ROWS, COLUMNS AND MODULES

Rows are horizontal containers spanning the width of the site's content area (fixed setting) or the entire screen area (fluid setting). Rows can be styled individually so that each row may look unique in terms of design.Columns are vertical containers that are nested inside a row. The width of each individual column can be easily adjusted by simply dragging it from side to side (use the dotted line that surrounds the column when you hover your mouse over it). A column can be split multiple times (up to 12) and modules and content can then be added to each column.

Design System Design System Design System

By combining rows and columns, designers can achieve a dynamic and diverse design on each page of a site.

1: Row

2: Column

3: Text module

4: Button module

The illustration shows how combining 'fluid' and 'fixed' behavior for rows can achieve a dynamic page design.

1. The top row containing the menu has a fluid setting and therefore spans the entire browser window

2. The intro text row is set to fixed

3. The image row is fixed

4. The row containing 4 columns with texts are set to be 'fluid' and therefore span the entire width of the browser window