Visual languageالتخطيط والشبكة

Layout & grid

Symmetry, quiet margins and a central axis: the composure of a private atelier.

Proposed extension

Web grid

Twelve columns, generous margins

Proposed extension

WebDesktop: 12 columns, 20 px gutters, 64 px margins, 1200 px max content. Tablet: 8 columns. Mobile: 4 columns, 22 px margins.

Breakpoints

Responsive behaviour

Proposed extension

Breakpoint	Columns	Gutter	Margin	Body size
≥ 1280 px	12	24 px	64 px	20 px
900–1279 px	12	20 px	48 px	20 px
560–899 px	8	16 px	24 px	19 px
< 560 px	4	16 px	22 px	19 px

Spacing

An 8 px rhythm

Proposed extension

Spacing scaleUse S5 (24) between related items, S7 (48) between groups, S9 (96) between sections. On print, use the star height X as the base margin.

Print grids

Letterhead, hang tag and posts

Proposed extension

A4 LETTERHEAD · 210 × 297 MM20 mm margins, 6 columns, wordmark centred top.

HANG TAG · 55 × 95 MM6 mm margins, emblem centred on the arch axis.

INSTAGRAM 4:5 · 1080 × 1350 PX108 px (10%) safe margin; monogram centred.

Principles

Composing a Velari layout

Proposed extension

Centre the ceremony

Logos, emblems and piece names sit on a central axis, like the arch.

Leave the room empty

At least half of a layout is ivory or open ground.

One star

A single star leads the eye; never more than one large star per view.

Edges, not boxes

Use fine plum rules and open space instead of heavy containers.