Articles on: Getting Started

Builder Basics

Dorik Website Builder Basics

Learn basic about the Dorik Builder. The following guidelines will be helpful to understand and work with the Dorik website builder.

Builder Device Type

3 Device type

Dorik builder has 3 device type as you can see on the above

Desktop Size: 100%, default container: 1140px

Tab Size: 768 to 1024pxx

Mobile Size: 420px

Fonts: We use system-ui as default font. You can change it from Global Styles

Builder Structure

Builder Structure

Above is a visual representation how builder components works. Dorik builder works in a structured way to build any layout without breaking. Adding Section, Row and Columns is required before adding any element like text, image, buttons, etc.


Sections is the main base block of building anything. Sections contains all other elements inside it. Section need to be added first to make any design.

How to Add New Section with Row and Columns →


Rows are first layer of containers inside a section. Sections holds columns and elements inside it. Multiple rows can be added inside a section and style them differently. Row comes with section and column by default.

How to Add New Section with Row and Columns →


Columns are resizable element holders that sits inside a row to design any layout without breaking the layout. Multiple columns can be added inside a row in multiple lines. Columns comes with a new section automatically.

How to Add New Section with Row and Columns →


Elements are main modules to add text, image, button and other contents in website. It is required to add a section, row and column first to add any element. Multiple elements can be added inside

How to Add New Elements →

Control Icons

Updated on: 21/07/2022

Was this article helpful?

Share your feedback


Thank you!