ColrStudio — Free SVG Text & Color Font Generator for Cricut, Plotter and Web

SVG Text & Color Font Generator for Cricut, Plotter and Web

Create production-ready layered SVG lettering and multi-layer color fonts directly in your browser. Export clean SVG, PNG or compact WOFF2 — no account required.

Works on Desktop, iOS and Android — install as an app or use it directly in your browser.

check_circle

Export clean layered SVG with real-world dimensions (mm / cm / inch). Perfect for Cricut Design Space, Silhouette Studio and laser cutters.

check_circle

Generate repeatable multi-layer color fonts (OTF / WOFF2) from templates and presets.

check_circle

Built for production-quality output — simple to use.

No registration. No tracking. No user data collected.

ColrStudio
ColrStudio SVG Generator Interface

Two Ways to Create Production-Ready SVG and Color Fonts

ColrStudio connects typography and production. Use it as an SVG text generator — or as a structured color font builder.

SVG Export

From Color Font to Clean SVG

Use layered color fonts as your source and export precise, structured SVG files.

  • check_circleClean layer separation for Cricut, Silhouette and laser cutters
  • check_circleExact bounding box and real-world dimensions (mm / cm / inch)
  • check_circleOptional registration marks for multi-layer cutting
Font Builder

Build Multi-Layer Color Fonts (OTF / WOFF2)

Create structured COLRv1 color fonts from templates and presets.

  • check_circleLayer control and repeatable effects
  • check_circleConsistent output for series and branding
  • check_circleCompact WOFF2 for modern web use
ColrStudio SVG and color font generator interface
tuneExport Profiles & Layers
SVG export layers and profiles panel in ColrStudio
SVG export details showing layer separation

From Color Font to Production-Ready SVG — No Cleanup Required

ColrStudio generates clean, layered SVG files that work reliably in Cricut Design Space, Silhouette Studio and laser cutter software.

Instead of fixing spacing, alignment or layers after import, everything is prepared at the typography level — before export.

What this means in practice

  • align_center

    Perfect Layer Alignment

    All SVG layers are generated from the same font geometry and sit precisely on top of each other. No manual nudging. No re-alignment inside your cutting software.

  • unfold_more

    Kerning That Already Works

    Fonts are pre-kerned for production use (including outlines and 3D styles). Adjust letter and word spacing directly in ColrStudio — not after importing the SVG.

  • target

    Built-in Registration Marks

    Optional registration marks are added consistently across all layers, enabling reliable multi-color alignment and repeatable production.

  • tune

    Typography Adjustments Before Export

    Initial caps size, letter spacing and word spacing are handled inside the app — not destructively in the SVG file.

  • precision_manufacturing

    SVG Structure Designed for Cutters

    The exported SVG is clean, layered and dimensionally accurate. Cutter software behaves predictably instead of guessing how to interpret the file.

The Result

Import. Resize. Cut.

No fixing typography inside Cricut or laser software first.

Export Result Examples

Clean, layered SVG output — ready for immediate use in your cutting or laser software.

2-Layer SVG export optimized for vinyl cutting
2-Layer Vinyl Export
SVG outline cutout with separate glyph layer
Outline Cutout / Glyph
Multi-layer SVG export for vinyl
Multiple Vinyl Layers
Multi-layer SVG export result
Multi-Layer Export
Clean script font outline SVG export
Script Font Outline
Knockout SVG with overlap for heat transfer vinyl
Heat Transfer Vinyl Knockout
Font Builder

Build Multi-Layer Color Fonts (OTF & WOFF2)

Traditional font workflows create separate files for outlines, shadows and color versions.

ColrStudio builds structured multi-layer color fonts instead — where layers, colors and effects are part of the font definition itself.

What makes it different

  • rebase_edit

    Reproducible Font Variants

    Layer structure, colors, gradients and transparency are defined once and applied consistently across the entire character set. No rebuilding styles per glyph. No manual duplication of variants.

  • gradient

    Controlled Color & Gradient Systems

    Solid colors, alpha layers and gradients are treated as structured font layers — not as baked visual effects. This keeps color fonts reusable and predictable across projects.

  • account_tree

    One Font, Multiple Outputs

    The same layered font can be exported as:

    OTF (COLRv1)Compact WOFF2

    Compatible with modern browsers (Chrome, Edge, Firefox, Opera) and design tools that support COLRv1.

  • branding_watermark

    Designed for Branding Workflows

    Base, outline, filled, gradient and effect styles remain visually consistent. A single structured font definition can represent an entire visual identity system.

The Result

A compact, reusable color font — not a collection of static graphic files.

Base-Font variant sample
Base-Font
2-Layer Solid variant sample
2-Layer Solid
3-Layer Solid variant sample
3-Layer Solid
3-layer with gradient variant sample
3-layer with gradient
4-Layer with alphachannel variant sample
4-Layer with alphachannel
6-Layer with scanlines variant sample
6-Layer with scanlines
6-Layer with scanlines variant sample
6-Layer with scanlines
5-Layer flag gradient variant sample
5-Layer flag gradient

Live COLRv1 Typography Experience

Every pixel rendered below is part of a single layered font file.

72px
edit_note
WOFF2 Rendering
Auto-detection: COLRv1 active72px Display

No COLRv1 Support? Export as SVG or PNG Instead

Not every design tool supports modern COLRv1 color fonts.

ColrStudio ensures your layered designs remain usable everywhere.

image

High-Resolution PNG

Export clean, high-resolution PNG files for environments that don't support color fonts. Ideal for print previews, mockups and static assets.

High-resolution PNG export example
schema

Layered SVG

Generate structured, multi-layer SVG files that work reliably in Cricut, Silhouette, laser cutters and illustration tools.

Layered SVG export example

One System, Flexible Output

Use your design as:

  • check_circleA structured color font (OTF / WOFF2) where supported
  • check_circleA layered SVG for cutting and production
  • check_circleA high-resolution PNG where needed

No rebuilding. No redesigning.

Gradient Library & Reusable Presets

Gradients in ColrStudio are reusable presets — not one-time effects.

Keep your colors consistent across fonts, SVG exports and projects.

What this means

  • check_circleChoose from built-in gradient presets
  • check_circleSave your own gradients as reusable styles
  • check_circleKeep a portable library with backup & restore
info

Gradients remain structured parts of the font or SVG output — not flattened decorations.

Preset Library
ColrStudio preset library
Font and Preset Gallery
Live gradient editor interface

Exports that match your workflow

schema

Layered SVG

For Cricut, Plotter & Laser

font_download

Color Fonts

OTF & WOFF2 (COLRv1)

image

High-Res PNG

For Print & Web

Start creating with ColrStudio now

Start Now — Free

No registration. No tracking. No user data collected.