XXC / DESIGN WORKSHOP

Logo Font Maker.

Give a name its own personality. Create a typographic wordmark and export SVG, PNG or code.

Works in your browser Ready for your next project

Make your mark

LIVE STUDIO

Find a font

Title layer

TitleFont family

Size86Weight700

Horizontal position50Vertical position48

Letter spacing-2Rotation0

Letter case

InkSecond ink

Fill

Subtitle layer

Show subtitleSubtitleFont family

Size17Weight400

Horizontal position50Vertical position63

Letter spacing4Rotation0

Subtitle ink

Shape & canvas

Shape behind text

Width84Height75

Horizontal position50Vertical position50

Corner radius40Rotation0

Shape colorSecond color

Shape fillShape opacity100Canvas background Transparent canvas

Borders & shadows

Border style

Border width2Border color

Text shadow

Shadow X0Shadow Y7

Blur12Opacity45

Shadow color

Icon layer

Icon

Library icon colors

Icon details & license

Browse the Icon viewer

Size45Stroke width1.5

Horizontal position50Vertical position27

Rotation0Icon color

Motion & particles

AnimationCycle duration (seconds)6Particles

Particle count22Particle size3

Particle color

Motion respects reduced-motion preferences. SVG and editor exports retain animation; PNG captures a still frame.

YOUR LIVE CANVAS · 900 × 520

SVG is scalable · PNG exports at 1800 × 1040

A FEW STARTING POINTS

Find your direction.

Exports embed the selected fonts and their licenses. Icon artwork uses Lucide’s ISC license. PNG freezes the design for apps that do not support SVG animation.

Load a font from a CDN

Paste a direct font file URL. Only HTTPS WOFF2, WOFF, TTF and OTF files with a matching font MIME type, signature and successful OpenType sanitization are accepted. CSS links and web pages are rejected.

Allowed CDNs: fonts.gstatic.com, cdn.jsdelivr.net, cdnjs.cloudflare.com, fonts.bunny.net. Maximum download 2 MB. Imported fonts are temporary; check the font’s license before exporting.

FROM EXPERIMENT TO PROJECT

Take it with you.

Copy the code, export a draft, or send it to the editor to run and refine.