Design text-based wordmark logos with custom typography, letter spacing, and decorative elements.
Type a brand name or short phrase and shape it into a wordmark by picking a typeface, adjusting weight, letter-spacing, and case, then layering on decorative touches like a divider rule, underline, or small symbol placed around the text. Changes apply live so you're previewing the actual look rather than guessing at code. The thing people most often miss: letter-spacing here is a single uniform value applied across the whole word, not per-letter kerning, so awkward pairs (a capital A next to a V, for instance) can't be nudged individually without moving the result into a vector editor afterward.
Font family, weight, size, letter-spacing, and text case (upper/lower/title) are separate controls that apply directly to the on-screen wordmark as you adjust them. Because rendering happens in the browser, the result depends on the chosen font actually loading; a slow connection or blocked font request can silently substitute a fallback typeface without any on-screen warning.
Dividers, underline rules, taglines, and small decorative marks sit on a layer separate from the lettering, each with its own position and size controls. That lets you add a tagline beneath the wordmark or a rule between two words without touching the letterform styling, but the set of decorations is limited to what's built into the tool - there's no open icon library to browse.
That depends on the license of the font you selected, not on this tool. Many web fonts are free for personal use but require a separate commercial license, so check the specific typeface's terms before putting the logo on a product, storefront, or client deliverable.
I can't confirm this without checking the tool directly. Browser-based wordmark tools commonly restrict you to a bundled or Google Fonts-style list rather than accepting font file uploads - look for an upload control in the font selector; if it isn't there, it isn't supported.
The behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Pick colors visually and convert between HEX, RGB, HSL, and CMYK formats.
Preview how screen colors translate to print with CMYK simulation and proofing.
Preview any Google Font at various sizes, weights, and with custom sample text.
Create linear, radial, and conic CSS gradients with a visual editor and code output.
Generate harmonious color palettes from a base color using color theory rules.
Simulate how colors appear to people with various types of color vision deficiency.