Editorial Grid 2D

Magazine pacing translated into web layout rhythm and type contrast.

Editorial2DPortfolioPublicationStudio

Stitch promptEditorial

Use this prompt

Create a 2D editorial website with asymmetric grid composition, serif and sans pairing, strong image-text rhythm, and magazine-inspired pacing.

Remix in builder

Expected output2D

Asymmetric, crop-driven, with rhythm between text and imagery.
Serif and sans pairing with strong display contrast.
Controlled palette, often restrained, allowing art direction to lead.

Mock output boardCultural polish

Layout

Asymmetric, crop-driven, with rhythm between text and imagery.

Type

Serif and sans pairing with strong display contrast.

Motion

Subtle page pacing, mostly driven by layout rather than animation.

Visual trait index

Make the result legible before anyone generates it

Each direction is translated into concrete layout, type, color, and pacing notes so the prompt has a visible design consequence.

Layout

Asymmetric, crop-driven, with rhythm between text and imagery.

Typography

Serif and sans pairing with strong display contrast.

Color

Controlled palette, often restrained, allowing art direction to lead.

Motion

Subtle page pacing, mostly driven by layout rather than animation.

Imagery

Curated stills, photography, or portfolio imagery.

Density

Selective and high taste rather than information-heavy.

Prompt guardrails

What to push and what to keep out of the frame

Do

Let crop scale and margin logic create hierarchy.
Use captions, labels, and subheads to support rhythm.
Pair expressive display type with practical body copy.

Avoid

Avoid repeating identical card modules for every section.
Do not flatten the page into generic startup symmetry.
Avoid weak art direction or inconsistent image treatment.

Prompt remixes

Variation prompts that keep the same design DNA

These keep the same underlying direction but change how aggressively the page scans, moves, or compresses for mobile.

Sharper hierarchyEditorial Grid 2D

Sharper hierarchy

Push scan clarity harder while keeping the same DNA.

Stitch prompt

Create a 2D editorial website with asymmetric grid composition, serif and sans pairing, strong image-text rhythm, and magazine-inspired pacing. Increase the hierarchy contrast, make the headline-to-body scale more assertive, and tighten the scanning path without changing the core direction.

Softer toneEditorial Grid 2D

Softer tone

Make the same direction more welcoming and approachable.

Stitch prompt

Create a 2D editorial website with asymmetric grid composition, serif and sans pairing, strong image-text rhythm, and magazine-inspired pacing. Soften the overall tone slightly, reduce visual hardness, and make the composition feel more approachable while preserving structure.

Mobile-firstEditorial Grid 2D

Mobile-first

Compress the composition for phone-sized scanning.

Stitch prompt

Create a 2D editorial website with asymmetric grid composition, serif and sans pairing, strong image-text rhythm, and magazine-inspired pacing. Optimize the composition for mobile-first scanning with tighter sections, shorter copy blocks, and stronger first-screen clarity.

Generated outcomes