TypeMatter · GLSL Heading Component Studio

Rebuilding text field…

ReadySDF —Space plays · F previews · 0 fits

Material

Palette

ABCD

Material base

Flow scale1.20 Distortion0.28 Highlight0.62 Edge glow0.34 Outline width0.10 Refraction0.28 Contrast1.04

Surface texture

Grain0.025 Grain size1.00 Dither0.60

Speed0.18 Drift0.22 Shimmer0.34 Breathing0.06 Pointer response0.16

Exact loop

Loop duration8.0 s

Loop mode returns to the exact starting frame. Free-running mode can drift indefinitely.

Web component

Semantic element Default size160 px

The export exposes --tm-size, so your site can override this responsively.

Effect breathing room Overscan0.18 em

Overscan lets glow and distortion extend beyond the semantic heading box without affecting page layout.

Preview surface

Environment

This surface is editor-only and is never included in the exported component.

Quality Frame rate

Output is always transparent. Only the typographic material and its effects are rendered.