Image in Letter - Glyph Swap Template

A conceptual typography template built on a single design move repeated with variation across seven panes. Each word loses one letter, and an image takes its place - L[image]VE, M[image]ND, GR[image]W - until the final pane fills an entire word with an image through window-type masking. The wordmark "ORBIT" carries the cover and the close. Built on near-white, ink black type, electric cobalt accent, Anton at letter-shape weight, and a body voice that gives each glyph swap a one-line caption: "the verb behind every move."

#What Makes This Template Stand Out

The defining choice is that the template is a single idea executed with discipline. Pane 1 sets the grammar with "ORBIT" where the O is replaced by a circular sphere cutout - the reader learns the visual move immediately. Pane 2 is "L[rose]VE" with a circular flower image in the O slot and the caption "TO FEEL. the verb behind every move." Pane 3 is "M[candle]ND" with a vertical thin candle image in the I slot, captioned "TO THINK. the verb behind every choice." Pane 4 is "GR[seedling]W" with a sprout in the O slot, captioned "TO BECOME. the verb behind every season." Three panes, three glyph swaps, three meanings. The repetition IS the rhythm.

Pane 5 is the letter mark - a single huge "O" at near-pane-height with an image filling the counter (the negative space inside the round letter). Pane 6 escalates to a compound swap: a two-word phrase with image-swaps in both words, the repetition of the move creating its own rhyme. Pane 7 is the climactic window-type fill - the wordmark "ORBIT" becomes a clipping mask over a scenic landscape, the image visible only through the letterforms. Single-letter swaps escalating to full-word fill across the deck.

Animation reinforces the swap as the moment. Word letters use letter-blur to enter on a stagger; the swapped image-letter uses drop or pop with a 200ms delay so the image lands AFTER the word - the eye catches the swap as the completion of the word. Parallax 1 on the word, 0 on the image (foreground). Pacing 3.5s per pane on autoplay - enough time to read the swap and the caption before the next variation lands. The window-type pane uses letter-blur revealing the masked image slowly, climactic.

  • Near-white background (#fafafa) with ink black type and electric cobalt (#1d4ed8) accent
  • Anton at letter-shape weight so each glyph reads as geometric and solid
  • JetBrains Mono micro-meta labels ("I. · TO FEEL", "WORD No. 01")
  • Image-replaces-letter on panes 2-4 (LOVE, MIND, GROW)
  • Image-inside-counter variation on pane 5 (image filling the negative space of a giant O)
  • Window-type masked-letters reveal on pane 7 as the conceptual payoff

#Who Should Use This Template

  • Conceptual brand studios introducing a new brand world through a series of word-and-image equations. The deck is the brand essay.
  • Designer and agency portfolios opening the case study deck with a typographic statement of values - LOVE, MIND, GROW as the three things the studio believes in.
  • Photo-led brands with a strong image library that wants the photography to do the talking inside the type. Skincare, plant brands, candle brands, lifestyle brands - any catalog where the product photographs cleanly on white.
  • Editorial and creative directors publishing a manifesto or look book where the typography needs to perform the concept, not just label it.

#Best Use Cases

#Brand Identity Reveal at a Launch Event

When a new brand launches and the visual identity is the story, this template stages it as a typographic essay. Three words, three meanings, three image-letter swaps that escalate to a window-type wordmark reveal. Run the slideshow behind the speaker at the launch event or embed it on the new brand's landing page. The cobalt accent and the disciplined repetition give the brand a single recognisable move audiences remember after one viewing.

#Designer Portfolio or Studio Opener

Designers and design studios use this template as the opening sequence of a case-study deck. Replace LOVE / MIND / GROW with three values that define the studio's practice (CRAFT / DETAIL / MORE, or BOLD / GOOD / WORK). The window-type pane at the end fills the studio's wordmark with an image from a recent project - a portfolio teaser disguised as a manifesto.

#Conceptual Campaign for a Photo-Led Brand

Skincare, plant brands, candle brands, and other product categories with strong photography libraries get extra leverage from the glyph swap - the product image lives inside the word about the feeling it produces. "L[product]VE" or "GR[plant]W" with the product or plant in the O slot reads as the campaign concept in a single frame. Export as video for paid social or as a still sequence for the print campaign.

#How to Customize This Template

  1. Open PaneFlow and select "Image in Letter - Glyph Swap" from the template gallery
  2. Pick a brand mark for the cover and sign-off (the template ships with "ORBIT" using an O swap)
  3. Choose three words for panes 2-4 that share target letters with generous counters - O, D, B, Q are easiest; avoid A
  4. Generate or upload macro photographs of the swap objects (rose for LOVE, candle for MIND, seedling for GROW) on plain white backgrounds and background-remove each one
  5. Position each image precisely in the letter gap using the child transform controls - check alignment at thumbnail size to confirm the word still reads
  6. Update the JetBrains Mono micro-meta labels above each pane ("I. · TO FEEL", "WORD No. 01")
  7. Rewrite the captions below each swap ("the verb behind every move") to match your brand voice
  8. Replace the scenic landscape image on the pane 7 window-type fill and the brand mark on the sign-off, then export to video for social or HTML to host on the launch page

Start with Image in Letter - Glyph Swap

Open this template in PaneFlow, customize it to match your brand, and export as HTML, React, Vue, or video.