Foundations

Spacing

Comitor uses a base-4 spacing scale (1 unit = 4 px). All space values in UI must come from this scale — no arbitrary pixel values.

Spacing scale

1
4pxInline icon gaps, tight badges
2
8pxInternal component padding (sm)
3
12pxInput padding, row height
4
16pxCard padding (compact), gap
5
20pxSidebar item padding
6
24pxCard padding (default)
8
32pxSection gap, page gutter
10
40pxLarge card padding
12
48pxSection padding (mobile)
16
64pxSection padding (desktop)
24
96pxHero top padding
32
128pxHero bottom padding

Grid system

Desktop

Grid:12-column, 24px gutters
Container:max-w-7xl (1280px)
Padding:px-6

Mobile

Grid:4-column, 16px gutters
Container:Full width
Padding:px-4