Technical Blueprint Drawing text animation: the word aimotions animated in this style
181InterfaceSVG

Technical Blueprint Drawing

Guide lines, compass circles and a plotter pen draft the word on blueprint paper, then dimension lines and notes annotate it. An engineering-drawing look for product design, architecture and how-it-is-made stories.

Prompt · replace [TEXT]

Tool-agnostic
Draft the word [TEXT] as a technical blueprint. Deep cyanotype blue paper with a fine white grid, a heavier grid every five squares, soft grain, a ruled border and a title block in the corner. First thin dashed guide lines (baseline, x-height, ascender) slide across with tiny labels, then dashed construction circles with center crosses appear where the round letters will be. A plotter crosshair then draws [TEXT] in geometric single-stroke letters rendered as white outlined tubes with round caps and diagonal hatching inside. Finish with dimension lines and arrowheads, a radius callout and small uppercase notes in a technical monospace. Hold, fade the sheet clean and loop; calm and precise.

Visual DNA

  • Deep cyanotype blue paper with a fine and major grid and soft grain
  • Dashed construction circles and center marks drawn before the letters
  • Letters as white outlined tubes filled with diagonal hatching
  • Dimension lines with arrowheads, radius leader and technical notes
  • Plotter crosshair that follows the line being drawn
Category
Sci-fi UI & Modern Web
Demo built with
SVG
Energy
Calm
Background
Dark bg

Also known as

Support
Keep aimotions free

No paywall, no sign-up. If a prompt saved you an hour, a coffee keeps new styles coming.

Buy me a coffee

Keys: ← → browse · C copy

Use this style

  1. Step 01Copy the prompt

    It describes the Technical Blueprint Drawing look (composition, type, palette, texture and timing) without tying you to a tool.

  2. Step 02Replace [TEXT]

    Swap in your word, product name or headline. Short words (4–12 letters) read best in most styles.

  3. Step 03Ask for a format

    Paste it into Claude Opus 5.5, Claude Sonnet 5.5, Claude Fable 5.5, GPT-6 Astra or GPT-6.1 Sol, or a newer model, and request a single HTML file, a component, a shader or a brief. For a hero heading, use “Copy for website title”.

Website titles →Prompt guide →

Keep it free.

aimotions has no paywall and no sign-up. It is funded by people who found a style they love. A coffee on Ko-fi helps pay for hosting and the next batch of styles.

Support on Ko-fi ♥