Skip to content
VisualCodes

Layout structure — Composition

Codes in this subcategory, ready to copy or combine in the Builder.

/

Category / layer

Intensity?

More filters▾

Social network

Compatible with layer

Tags

25 results

/FullBleed

Full bleed composition

Extends visual elements to and beyond the frame edges for a print-like, immersive crop.

compositionMediumInstagram
/CenteredStack

Centred vertical stack

Stacks elements vertically, aligned along the center of the frame.

compositionMedium
Pro/LayeredDepth

Layered foreground and background

Organizes the scene into several overlapping planes…

compositionMedium
Pro/Asymmetry

Balanced asymmetrical composition

Balances the composition without symmetry…

compositionLow
Pro/RuleOfThirds

Rule of thirds composition

Places the main subject on one of the intersection points of the rule-of-thirds…

compositionMedium
Pro/MaximalLayout

Rich maximal composition

Fills the frame with elements and detail…

compositionHigh
Pro/MinimalLayout

Minimal uncluttered layout

Reduces the composition to the essentials…

compositionLow
Pro/SplitScreen

Split-screen layout

Splits the frame into two independent halves…

compositionHigh
Pro/CenteredHero

Centred hero composition

Places the main subject right in the center of the frame…

compositionMedium
Pro/RadialBalance

Radial balanced layout

Distributes elements around a central point…

compositionMedium
Pro/Symmetry

Symmetrical composition

Distributes elements in perfect symmetry on both sides of the frame.

compositionLow
Pro/SplitFrame

Split frame composition

Divides the image into two distinct visual areas for contrast…

compositionMedium
Pro/NegativeSpace

Generous negative space

Leaves a large empty area around the subject to give the composition room to…

compositionMedium
Pro/GoldenSpiral

Golden spiral composition

Arranges visual weight along a golden spiral path for a natural…

compositionLow
Pro/DiagonalFlow

Diagonal visual flow

Arranges elements along a diagonal that runs across the frame.

compositionMedium
Pro/LeadingLines

Strong leading lines

Uses lines already present in the scene to lead the eye toward the main subject.

compositionMedium
Pro/FrameWithinFrame

Frame within a frame

Uses an element within the scene…

compositionHigh
Pro/HeroForeground

Large foreground hero object

Places the main object very close to the camera…

compositionMedium
Pro/FloatingObjects

Floating object arrangement

Makes objects appear suspended in mid-air…

compositionMedium
Pro/DepthTunnel

Tunnel-like depth perspective

Creates a tunnel-like sense of depth…

compositionHigh
Pro/ForegroundBlur

Blurred foreground elements

Places soft blurred foreground elements in front of the subject to add depth and…

compositionMedium
Pro/GridLayout

Structured grid layout

Organizes elements over a regular…

compositionLow
Pro/HeroRightTextLeft

Subject right with space on left

Places the subject on the right of the frame…

compositionMedium
Pro/HeroLeftTextRight

Subject left with space on right

Places the subject on the left of the frame…

compositionMedium
Pro/Triptych

Three-panel triptych

Splits the composition into three separate panels that form a single image.

compositionHigh