Layout Studio

One frame,
every platform.

Every aspect ratio Kraymer Art ships in, the safe zones that protect the product from platform UI, and logo lockup positions for each, plus a few layout starting points so no one begins from a blank canvas.

As with everything else in this book: these are starting points, not a cage. Break them with a reason.

Ratios

Aspect ratio library

The formats Kraymer Art ships in most often, roughly to scale.

1:1
Square · 1:1
Feed (legacy), profile grid, Pinterest square, avatars
4:5
Portrait · 4:5
Instagram / Facebook feed default, max screen real estate
9:16
Vertical · 9:16
Stories, Reels, TikTok, YouTube Shorts
16:9
Widescreen · 16:9
YouTube video/thumbnail, website hero, presentation slides
3:4
Tall · 3:4
Pinterest standard pin, lookbook spreads
2:3
Poster · 2:3
Pinterest tall pin, print poster, product hero crops
21:9
Cinematic · 21:9
Ultra-wide website banners, campaign key visuals
A4
Print · A4 / Letter
Lookbooks, PDFs, Collection World documents, press kits
Ratios

Platform safe zones

Platform UI sits on top of the image. Keep the product and any text out of these zones; the striped bands below are approximate reserved areas, not exact platform specs (they change; check before a major campaign).

Profile / header UI
Caption / reply bar / CTA sticker

Story / Reel · 9:16

Feed · 4:5, ~6% crop-safe margin (crops to 1:1 on profile grid)

Duration badge

YouTube thumbnail · 16:9, bottom-right reserved

Logo in layout

Lockup mockups

The wordmark stays small and quiet; it should never compete with the product. These are the default positions per format.

Logo on feed post

Feed post (4:5) · bottom-left, small

Logo on story

Story / Reel (9:16) · bottom-center, above the reserved zone

Logo on website header

Website header (16:9) · top-left, standard nav position

Logo centered on business card

Business card (7:4) · centered, generous clear space

Logo on product tag

Product tag (1:1) · centered, single element on the card

Logo on square post

Square post (1:1) · top-right, out of the product's way

Grid + graphic design

Editorial grid, in practice

The same 12-column desktop grid from Grid & Layout, carrying a real headline. Nantes for the statement, Bricolage Grotesque for the support, never the reverse.

The world comes first. The product proves it.

Every Collection World defines the mood before a single asset is produced; the grid just gives it somewhere disciplined to live.

KNY · World 02

Carried before. Carried again.

Image occupies five of twelve columns, comfortably past the two-thirds visual-weight rule from Hierarchy.

Layout variations

4:5 · feed post

Three starting compositions for the default feed format. Pick based on how much the moment needs to say.

Cast in silver.

Product centered, framed, caption below

New Season

Shop the collection

Product left, headline right

The Moonlit Court

Full-bleed image, caption bar overlay

Layout variations

9:16 · story / reel

Vertical formats need the message resolved before the thumb moves. Two dependable starting points.

JJK · World 01

Some things are safer sealed.

Vertical hero image, headline low, CTA above the reserved zone

Carried before. Carried again.

KNY · World 02

Split screen · image top, message below

Layout variations

1:1 · square

Used sparingly per the brand rules, mainly grid tiles and legacy placements.

Grid tile · full-bleed, no text, part of a 3-wide set

One element. No costume.

Centered product, inset with breathing room, caption below

Print

Print formats

For lookbooks, press kits and packaging inserts; margins are more generous than digital since there's no platform crop to worry about, only the trim.

A4 / Letter

20mm margins minimum, 3mm bleed if edge-to-edge colour is used. Collection World documents and press kits.

Business card

85×55mm, 3mm safe margin from trim on every side. Logo centered, nothing closer than the clear-space rule.

Packaging insert

Match the box's die-line exactly. Never scale a digital layout down and hope it fits.

Esc