Layout & grid

A strong grid, often invisible.

Every surface is composed, not templated. Margin = 1/20 of the width and 12 columns are always used; frames, info blocks and title blocks are optional tools chosen by the composition mode — never a fixed template.

Formats

Grey = columns (always) · dashed = margin line and info-block zone (optional tools) · hatched = platform UI (keep clear). Video has its own 9:16 grid (section 14).

1:1 1080×1080 · margin 54 · col 81

4:5 1080×1350 · margin 54 · col 81

9:16 Story 1080×1920 · margin 54 · col 81

16:9 video / slide 1920×1080 · margin 96 · col 144

Web desktop 1440×900 · margin 80 · col 107

Web mobile 390×844 · margin 20 · col 29

A4 document 2100×2970 · margin 105 · col 158

The info block — anatomy

The commercial signature — frequent, not mandatory. Three signature levels: info block (commercial), light sign-off (symbol + one line, organic), none (the image or greeting carries the brand).

Service

Meeting room

Branch

North 90

Seats

Book→

↑ Symbol cell · square, the brand’s only logo on most surfaces

↑ Service · what it is

↑ Place · branch or market

↑ Detail · one fact (optional)

↑ Action · the only CTA (optional)

Info block rule
Height	8.6% of canvas width (93 px @1080) · 56 px web · 14 mm A4
When	Default: ads, service posts, carousel cover/CTA slides, documents. Optional: organic posts (light sign-off instead). None: Photo hero, occasion greetings, inner carousel slides
Position	Bottom edge, inside the margin; on 9:16 above the bottom 20% UI zone
Cells	Symbol + 2–4 cells; keys in Label style, values in Label (bold)
Grounds	Paper/white surfaces: paper block with black rule · photo, black and red surfaces: black block (inverse)
CTA cell	Black fill, white text on light blocks; white fill, black text on inverse blocks
Avoid	Floating, rounded, transparent, more than one per surface, or a second logo elsewhere on the same post

Spacing, radius, borders

4-px base scale. Social canvases use the margin and module instead of fixed pixels.

space-14px

space-28px

space-312px

space-416px

space-524px

space-632px

space-748px

space-864px

space-996px

space-10128px

Token	Value	Use
radius-0	0	Every brand surface, card, button, image, block
radius-xs	2 px	Inputs and chips only
border-hairline	1 px	Frames, dividers (colour: line / 14–20% ink)
border-rule	1.5 px	Info block top, spec cells, tables, secondary buttons
border-signal	4 px red	Active tab / selected navigation
shadow	none	Brand surfaces never use shadows; overlays in UI only (0 8 24 / 12%)