Vertical Grid Skill (4px Baseline)

When to use this skill

Use when creating or auditing UI components to ensure they follow the Swiss-Industrial 4px baseline grid. Invoke this skill when:

• Creating new components with spacing
• Auditing existing components for vertical rhythm
• Setting line-heights, margins, padding, or heights
• Ensuring mathematical consistency across the page

Core Philosophy

The 4px Baseline Grid creates "Vertical Rhythm" - every vertical measurement must be a multiple of 4px. This ensures the page feels mathematically "locked in" rather than floating.