Lifetime dealπŸ‘‰ DON’T MISS OUT. Limited time launch deal ends in

Dot Matrix Wordmark

Build a dot-matrix brand wordmark poster series: a clean horizontal brand plate plus the dot, character-morph, and assembly states that show the wordmark forming from a single dot. All readable text comes from the supplied logo or explicit user input - never invented. Any image model, or SVG/CSS composition by sampling the wordmark into dot grids.

sample still β€” generated with this skill's prompt blueprint
SKILL.md

Dot Matrix Wordmark - Stills

Style DNA

  • Flat graphic identity language. One clean field, the brand wordmark, and circular dots - nothing else. No photography, no 3D, no textures, no scene.
  • Brand theme color preserved. The plate keeps the source logo's theme color and recognizable design background where possible; dots are white or the wordmark color on that field. Typically two colors total, three at most.
  • Text is sacred. Readable text may come only from the supplied logo image or explicit user-provided brand/slogan text. Exact case, punctuation, spacing, and wordmark order. Never invent slogans, product claims, specifications, registered marks, category text, or packaging copy. If no slogan exists, render none - not even a placeholder.
  • The wordmark is authoritative typography. The final lockup uses the exact typeface, color, style, position, and size of the brand wordmark; the plate defines these and every other still must be able to resolve into it.
  • The dot is abstract. The opening dot is a plain white circle - never a water drop, sphere render, or any brand-specific object. Transitional geometry (dot clouds, sliding prefixes) is temporary scaffolding: rings, orbit lines, black circles, and stray transition dots must be absent from the final lockup still.
  • Character anchors govern structure. From the brand name extract three values, always from the plate's visible text:
    • first_character_exact - the glyph the dots first assemble into.
    • last_character_exact - the morph target, and the anchor the wordmark assembles around.
    • prefix_before_last_character - the solid type that completes the name.
    • Recompute anchors whenever the plate changes; never reuse anchors from the original upload, an earlier take, or general brand knowledge.
  • Dot geometry: uniform diameter (roughly 1/10 to 1/14 of the wordmark cap height), flat fill, no gradients or glows on individual dots, spaced on the glyph's own strokes - the letterform must read from the dot positions alone.

Subjects & framing

  • Subjects: brand names, wordmarks, logo-plus-slogan lockups - brand posters and identity sets. Not trademark design, not slogan invention.
  • Canonical ratio: 16:9 horizontal, high resolution (2K-class). The plate and every other still share it exactly.
  • Vertical or square variants re-center the same lockup with more vertical margin; the dot layout logic is unchanged.
  • Composition: wordmark horizontally centered on the field; slogan (only if it genuinely exists) in smaller type directly below the brand name. Generous margins - the wordmark occupies roughly the middle 50-60% of the width.
  • If the supplied logo is only a symbol or a single letter (e.g., a "G"), the plate may render the full brand name the user confirms - and that plate text then becomes the single source of truth for all anchors, overriding the original upload.
  • Very long names still anchor on the final character; the prefix simply carries more glyphs. Names of 2-3 characters can skip the prefix-slide still - the morph lands almost directly on the lockup.
  • Multi-word names keep their spaces exactly; the anchor characters are the literal first and last glyphs of the full visible wordmark, spaces excluded.

Still set

Poster states of one wordmark identity - from abstract dot to full lockup - each a standalone graphic plate:

  1. Brand plate (final lockup) - the destination state: full brand name in the exact wordmark typeface and color, slogan below if approved, theme-color background, perfectly clean. This is both the hero poster and the reference every other still must converge to.
  2. Dot opening still - a single plain white circle on the theme field, roughly where the first character will form. Abstract, no branding.
  3. Matrix bloom still - the dot multiplied into a loose grid/cloud of small circles beginning to suggest a glyph; visibly mid-formation, evenly weighted dots.
  4. First-character still - the first character exact, fully formed from dots, alone on the field at wordmark scale.
  5. Morph still - mid-transition between first character and last character: dots partially rearranged, both glyphs faintly legible. This is the series' signature image.
  6. Prefix-slide still - the last character (dot-formed or resolving to solid) anchored in its final wordmark position while the prefix characters, in solid type, sit partway in from the left, caught mid-slide.
  7. Stills 2-6 carry no other text - no slogan, no extra marks; only the plate shows the complete lockup.

Minimum viable set when time is short: plate, dot opening, and morph still - the bloom and prefix-slide states can be added later from the same anchors, but the morph must exist because it defines the series' look.

HTML/CSS route

This style is a natural fit for code - often better than generation because anchors stay exact. Compose each state as a static document:

  • Render the wordmark as SVG text (or supplied outlines), sample glyph paths into point grids (getPointAtLength or rasterize-and-scan) to get per-character dot coordinates.
  • Dots as SVG <circle> elements (or points drawn to a raster 2D context); one dot set is positioned by blending between the first-character and last-character point clouds.
  • The plate is plain HTML/SVG: exact font file, theme-color background, centered lockup - text fidelity is guaranteed because it is the font.
  • Keep dot count equal between the two glyph clouds (subsample the denser one) so the morph still shows a true one-to-one reflow.
  • Snapshot any intermediate blend factor for the mid-morph and bloom stills; every state comes from the same document and the same anchors, so the posters can never drift apart.

Failure modes

  • Any invented text: slogans, taglines, claims, category labels, registered-mark symbols, packaging copy.
  • Anchors taken from the wrong source - always from the plate's visible text, not from the original upload, prior generations, or general brand knowledge.
  • The opening dot rendered as a water drop, glossy sphere, or brand object.
  • Rings, orbit lines, black circles, or leftover transition dots contaminating the lockup still.
  • Wordmark typeface, color, size, or position drifting from the supplied logo; a redrawn "similar" font.
  • Slogan text appearing in non-plate stills, or a slogan placeholder rendered when none exists.
  • 3D, gradients on dots, textures, photographic backgrounds, or extra decorative geometry.
  • Uneven dot sizes or dots drifting off the glyph strokes so the letter stops reading.
  • Theme color replaced by a generic gradient instead of the source logo's own background language.
  • The morph still showing a blur or crossfade instead of two glyphs sharing one dot field.

Copy-ready prompt

Paste your brand name at the end - it is the only text the image may contain, reproduced exactly. The colors are this style's defaults - swap any of them for your own brand colors.

Flat graphic brand identity still, 16:9, high resolution. One clean
solid-color field, a wordmark, and uniform circular dots - nothing else:
no photography, no 3D, no textures, no scene. The brand name sits
horizontally centered, occupying roughly the middle 50-60% of the width
with generous margins, set in a clean authoritative wordmark typeface
(matching the supplied logo's exact typeface if one is provided). Its
final character is still assembling from a loose cloud of small circular
dots - all dots one uniform diameter, roughly 1/10 to 1/14 of the cap
height, flat fill with no gradients or glows, spaced along the glyph's
own strokes so the letterform reads from the dot positions alone, a few
dots still traveling - while the preceding characters stand complete in
solid type. No rings, no orbit lines, no trails, no extra decorative
geometry. Palette: deep navy background, warm white wordmark, white dots
(default palette - replace any of these with your own brand colors; two
colors total, three at most). The only readable text in the image is the
brand name given below, in its exact case, punctuation, and spacing - no
slogans, no taglines, no claims, no extra words, no watermark. Clean,
precise, minimal.

Subject: [PASTE YOUR BRAND NAME / WORDMARK TEXT - exact case and spacing]

Example subject

NORDWIND

Turn this into a finished video

CoAnimator is a free desktop studio that renders code-driven videos locally β€” bring this style in and ship a full animated video with voiceover and music.

Download CoAnimator β€” free