Layout


grid layout mobile view

Grid Used

All pages use a grid with 4 columns and 200 10px rows with a gutter of 20px. One element spans all four colums, and a maximum of two elements can span two columns each side by side to suit smaller screen sizes and ensure good readibility and legibility.

Spacing Guidelines

We maintained consistent spacing by utilizing specific measurements: a 20px margin from the screen edge, a 20px gap between section headers and subsequent elements, a 60px space between major sections, a 40px distance between the header, navbar, and content, and likewise, a 40px gap around buttons. These guidelines ensured uniform spacing, enhancing the visual appeal of the design.

grid layout mobile view