Edge-caption photographic diptych
Build the opening from two adjacent dominant photographic panels.
Design DNA
Make two adjacent visual panels the main composition, separated by a visible seam or narrow gutter. Photographic panels are common, but one may be graphic as in htb-0214. Include a compact secondary text/control element within a panel or across the pair. Edge or quiet-strip placement is common; htb-0214 shows that a centered control bar within one panel also fits.
✓Keep
- Two adjacent visual panels dominate, usually photographic but not necessarily both photos.
- A seam or gutter distinguishes the regions.
- A compact secondary text/control element appears within a panel or across the pair; it may be an action bar, small label/navigation, caption, or credit.
↔Change
- Edge or quiet-strip placement for compact text/controls is common, but a centered control bar within one panel is also evidenced by htb-0214.
- Both panels photographic, as in three of four cores; htb-0214 pairs a graphic panel with a product photograph.
- Equal or unequal widths and varied crops.
- Small labels, nav, scroll cue, caption strip, restrained action.
- Cookie overlay in htb-0215.
- Exact subject, artwork, brand, and copy.
- Fixed 50/50 ratio.
×Avoid
- Do not copy the reference identity, written content, trademarks, or distinctive branded artwork.
- Do not reproduce a gallery monitor, browser frame, or photographed device that merely presents the original website.
- Do not substitute a generic card-and-gradient landing page if it removes an essential rule.
- Do not turn a failed image, cookie overlay, loading indicator, or blank capture into a design invariant.
On a new subjectFor a regional food cooperative, show adjacent harvest and prepared-ingredient photographs with compact edge labels and small navigation; let widths follow content.
Prompts
Specs
Four cores: three live desktop screenshots (Unspoken Agreement, Almada Label, Toteme) and one gallery still (Lotta Nieminen). All show two adjacent visual panels; three are photographic pairs, while Unspoken Agreement pairs a graphic panel with a product photo.
Support Flowlife measured two h3 labels at 19px/24.7px, weight 400, tracking .19px, positions x197 and x877 at 1440x1000; centered promotions make it a boundary, not a core caption rule.
Almada Label metadata has 1440x1000 and 390x844 viewports; only desktop screenshot was visually reviewed.
Estimate
Let two adjacent image panels occupy roughly 70–100% of the opening field, with a thin utility navigation layer.
Measured
:
Measured
:
Estimate