TOOLSORCERER STUDIO · LETTERING & LOGOS · 1.1.0

Title & Logo Studio

A name. A few words. Something unmistakably yours. Create lettering, wordmarks, badges and animated title cards with chrome, gold, neon, glitch, pixel and 28 more effects – starting with text, not an uploaded image.

  1. Pick a style54 ready looks or 🎲 Surprise me
  2. Make it yours32 effects, palettes, curves, badges
  3. ExportPNG, SVG, animated GIF, HTML/CSS
17 animations12 color palettesEditable projectsNo account needed
✦ Lettering studioUntitled design
1280 × 720
0%

Drag the title or tagline to position it. Use Layout for precise controls. Transparent designs show a checkerboard here.

Choose a style or enter your own words. Save a project to keep editing later.

01 · START

Your words, your identity

Choose one of 54 styles and replace the title and tagline – your words stay when you switch styles. Keep it short for a wordmark, use up to four lines for a headline, or curve it into a crest.

02 · SHAPE

Make the details count

Try 32 effects in five groups, a color palette in one click, slant and stretch, rainbow letters, symbols, badges, frames and background patterns. Drag the text into place, or press Surprise me for a fresh idea.

03 · USE

Take it into your project

Download a full-color PNG, editable-text SVG, animated GIF or self-contained HTML/CSS with one of 17 animations. Save the project to keep every setting for later.

Questions & answers

Do I need to upload an image?

No. Start with your words and a built-in style. The studio generates the lettering, geometric mark, badge and background from your settings.

What can I customize?

The title and tagline, 15 system-font families, weight, spacing, size, gradients, outlines, shadows, glow, extruded depth, 32 text effects in five groups (metal and light, 3D and shadow, texture and print, retro and fun), curved text, slant and stretch, per-letter rainbow colors, 12 color palettes, 16 symbols, 9 badges, frames, 9 background patterns, placement and 17 animations including per-letter wave, shine, typewriter, heartbeat and rainbow. Surprise me picks a random combination.

What does the CSS download include?

The HTML download contains editable inline SVG artwork and CSS animation, with no JavaScript dependency. The separate CSS download controls that SVG animation; it is not a standalone logo or a text-only replacement for the SVG effects. CSS easing approximates the preview motion and respects reduced-motion preferences.

Will GIF preserve every color and transparency?

GIF exports use an opaque version of your backdrop and at most 256 colors per frame. The existing quality-aware encoder preserves exact colors when they fit and reduces richer frames. PNG preserves full color and alpha; SVG preserves editable shapes and text.

Why might an SVG look different on another computer?

Text remains editable and fonts are not embedded or converted to outlines. The receiving device needs the selected font or a matching fallback. Download PNG to freeze the current appearance.

What are the size limits?

Canvas dimensions are 320–2048 pixels wide and 240–2048 high, with up to four title lines and 160 title characters. GIF is capped at 800 pixels per edge and a 30-million-frame-pixel budget; large exports are automatically scaled down. Loops are 1–6 seconds at 5–20 frames per second, quantized to GIF timing.

Can I reopen the design later?

Save project downloads a JSON file containing all text and design settings. Open project restores it; up to 40 edits can be undone during the current session. Projects are not saved automatically.

Are these exclusive company logos?

The output is customizable lettering built from shared presets and simple geometric marks. It is not an exclusive commissioned identity, and the tool does not check trademarks. Review your text, design and applicable font rights before commercial branding.

Is my text uploaded?

Rendering and exports happen in your browser. Website advertising and optional analytics follow the privacy and consent settings.