Off Grid experimental type

Drop to load font

[07] How to use Off Grid

Build up layers

Every glyph is a real vector outline pulled from the font file. Distort bends those outlines, Render decides how they are drawn, and Post treats the finished image. Switch on as many as you like; each one opens its own controls.

Redraw the letters

Press E or Edit points to show the Bézier anchors and handles. Drag them to make letterforms of your own. The distortions keep running on top of your edits. Point edits reset when you change the text or typeface.

Commands

Press / to use the console. Type an effect name to toggle it, add a number to set its strength (wave 60), or name a setting (hatch angle 90). Also text, font, palette, mutate, clear, reset, save, svg and share.

Shortcuts & export

R mutate · E edit · Space pause · S save PNG. SVG exports the distorted outlines for Illustrator or Figma. Share copies a link that rebuilds your exact design.