Route Bleue Logo
Route Bleue

// The architecture of digital presence

Layout & Grid

The 12-Column System

We utilize a flexible 12-column grid system that ensures consistency across all digital touchpoints. Our layouts prioritize whitespace as a core luxury component, allowing content to breathe and maintain its premium status.

Responsive Breakpoints

MOBILE

4 Cols / 24px Gutter

TABLET

8 Cols / 32px Gutter

DESKTOP

12 Cols / 64px Gutter

Margins & Padding

Generous Whitespace

Always maintain at least 80px of vertical padding between different content blocks to ensure an airy, premium feel.

Cramped Elements

Avoid stacking more than three paragraphs together without an image or a typographic break.

Scroll