Phase I SVG Studio

Text-to-SVG

Create a basic text SVG foundation for simple craft lettering.

Craft text

Keep text short for cleaner basic SVG output.

Style

Workspace asset saving is not active yet. Copy the SVG markup and keep the design with a saved project note until asset persistence is approved.

Preview

React renders this generated SVG safely from controlled values.

Valid SVG markup

Generated SVG markup

<svg xmlns="http://www.w3.org/2000/svg" width="700" height="240" viewBox="0 0 700 240" role="img" aria-label="Faith Over Fear">
  <rect width="100%" height="100%" rx="24" fill="#FFF8EF"/>
  <text x="50%" y="52%" dominant-baseline="middle" text-anchor="middle" font-family="Montserrat, Arial, sans-serif" font-size="58" font-weight="700" fill="#2C2320" stroke="#B7784D" stroke-width="2" paint-order="stroke">Faith Over Fear</text>
</svg>

This is a basic text SVG foundation. Review spacing, outlines, and cut-readiness before crafting.