logo-generation

Design logos entirely in code — no design tools required. Put multiple SVG concepts on one HTML page, compare side-by-side in the browser, iterate fast, and export final assets.

What You Get

• A repeatable 4-phase workflow from ideation to final SVG export.
• An HTML preview template for side-by-side concept comparison.
• Reusable SVG recipes for hand-drawn filters, geometric shapes, and curated palettes.
• A quality checklist to ensure every exported asset is production-ready.

Style Defaults

Unless the user specifies otherwise, default to:

• Editorial monogram — italic serif (Georgia, serif, font-style="italic") in pure black on white. Feels like a luxury fashion label or design magazine masthead. This is the highest-confidence starting point.
• Monochrome first — black #1a1a1a on white. Introduce color only when the user asks for a specific mood.
• Continuous-line curves — for pure graphic marks, prefer flowing Bézier paths (C / Q commands) over angular polylines. A single stroke that forms the letter shape. Keep stroke weight thin (1.3–2px).
• Recognizable, not abstract — the mark must still clearly read as the intended letter(s). If you can't tell it's an "M" at a glance, simplify until you can.