Foundations / Formats and grids

Formats and grids

The canvas size of each format (web, mobile, slides, social, email and print) and the grids to place content.

Version 1.4 · Oct 20, 2026

Formats

Thumbnails at 10% of real size (A4 and the card, in points). Formats with only a fixed width are shown open at the bottom.

format-deck
1920 × 1080

Slides.

format-web
1440 wide · content up to 1400

Desktop web.

format-mobile
390 wide

Mobile web.

format-social-square
1080 × 1080

Square post and carousel.

format-social-story
1080 × 1920

Stories and vertical video.

format-social-link
1200 × 627

Link post.

format-banner-linkedin
1584 × 396

LinkedIn cover.

format-blog
1040 × 640

Blog featured image.

format-og
1200 × 630

Image shown when a link is shared (Open Graph).

format-email
600 wide

Emails.

format-a4
595 × 842 pt

Documents to print.

format-card
85 × 55 mm

Business card.

Logo by format

The logo size in each format is in Logo › Logo size in each format.

Grids

Slide grid (grid-deck)

12 columns, 24 px between columns and margins of 128 px at the sides and 96 px top and bottom (space-32 and space-24). Diagram at half size.

Web and mobile grids (grid-web and grid-mobile)

Web: 12 columns, 24 px between columns and content up to 1400 px on a 1440 canvas. Mobile: 390 px wide and 20 px margin. Diagrams at half size; the height is an example.

What to do and what to avoid