# Glyph Anatomy: Typography Animation

A word builds as in a font editor, with metric guides, anchor points and Bézier handles before the letters fill. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/remotion/glyph-anatomy

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-glyph-anatomy.mp4?v=438e396d1a

A word builds the way it would in a font editor: metric guide lines, anchor points along each outline and Bézier handles bending lines into curves, then the letters fill.

- Framework: Remotion
- Category: Titles
- Duration: 3 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/remotion/glyph-anatomy

On black, blue metric guides draw across the frame for the baseline, x-height and cap height. The word "Glyph" appears as outlines with anchor points along every contour, and Bézier handles pull straight segments into the real curves of each letter. Then the glyphs fill in solid white and the construction marks fade. It runs a little over three seconds.

You can set the word, the text and guide colors and the font size, and choose whether to show the guides and whether the anchor points stay after the fill. Use it for type design and branding videos, design school content, font launches and creative agency reels.

## Use it for

- Type design and branding videos
- Design course content
- Font launches
- Creative agency reels

## What you can change

- `speed`: Playback speed (Number)
- `text`: Text (Text)
- `color`: Text color (Color)
- `guideColor`: Guide color (Color)
- `fontSize`: Font size (Number)
- `guides`: Show the guides (On or off)
- `keepPoints`: Keep the anchor points (On or off)
- `stageBackground`: Background around the scene (Color)

## How to use this template

1. Download Subclip for Mac or Windows. Every template on this page comes pre-installed.
2. Open the Templates panel, pick Glyph Anatomy and drop it on your timeline.
3. Change the text, colors and timing in the layer settings, or ask the AI agent to edit it for you.
4. Export your video, or download the code to use the template in your own project.

Built on Glyph Anatomy from remocn: https://remocn.dev