Welcome to Cedvel, an application for designing grid systems. Cedvel aims to ease the grid design process and help you explore more alternatives. It is still far from being finished but you can test the prototype and if you do so, please send in any feedback regarding your experience.

LAUNCH CEDVEL Send Feedback

RECTANGLES, ROWS, COLUMNS

Rectangles are building blocks of grids in Cedvel. Use the rectange tool draw an arbitrary rectangle on the canvas and then modify its exact dimensions and margins from the properties panel.

Once you are satisfied with the size and position of your container rectangle, divide it into rows and columns and set gutter widths and heights.

WIDTH, HEIGHT and MARGIN CONTROLS

Margins define width, height and position of a rectangle within a page. Modifying the width of a rectangle simultaneously affects it's right margin value. Modifying the left margin of a rectangle will affect it's width also changing it's position in the page.

Rows, columns and gutters are automatically updated when the width or height of a rectangle changes.

RECTANGLE LOCK CONTROLS

Rectangle lock control panel enables you to lock width, height or margin values.

When the top margin of a rectangle is increased, the height of the rectangle decreases.

With the height of the rectangle locked, changing the top margin does not affect it's height but moves the rectangle down.

RATIOS, GOLDEN and ROOT RECTANGLES

Ratios between values can be controlled from the ratio input field either with entering a specific ratio or selecting a preset ratio from the drop-down menu.

The golden ratio and root rectangle ratios are available in the drop-down menu.

The flow-switch controls which value will be affected from the change in ratio.

NESTED ROWS and COLUMNS

Each row or column can be individually selected from the layers panel and can be divided into more rows and columns.

Recursively these new rows and colums can also be selected and divided enabling lots of possibilities.

LINES and CIRCLES

Circles and lines are formed of two points in Cedvel. A circle’s center is its first point and it's second point marks the length and angle of the radius.

Lines are also formed of two points and an angle defining the slope.

BASELINE, IMAGE and SQUARE GRIDS

Rectangles can have baseline, image and rectangle grids.

Once activated, each of these grids can be individually customized with their own line styles, values and colors.

PNG and SVG EXPORT

Grids can be exported as PNG files ideal for screen use or SVG files for printing.

SVG files can be opened with Vector based applications such as Adobe Illustrator.

Future versions of Cedvel is planned to support more export formats.

I have studied several books on grid systems and typography to learn more about grid systems and how to design and utilize them in my work. Here they are;