[{"data":1,"prerenderedAt":106},["ShallowReactive",2],{"help-article-\u002Fhelp\u002Fdesign-elements-and-tools\u002Fcurved-text":3},{"id":4,"title":5,"body":6,"category":93,"description":94,"extension":95,"keywords":96,"meta":97,"navigation":98,"order":99,"path":100,"rawbody":101,"seo":102,"stem":103,"updated":104,"__hash__":105},"help\u002Fhelp\u002Fdesign-elements-and-tools\u002Fcurved-text.md","Text: Curved text",{"type":7,"value":8,"toc":90},"minimark",[9,18,40,43,50,53],[10,11,12,13,17],"p",{},"Curved text bends a line of text along a ",[14,15,16],"strong",{},"Path"," element instead of sitting in a straight box. You set it up in two steps:",[19,20,21,30],"ol",{},[22,23,24,25,29],"li",{},"Add a ",[26,27,16],"a",{"href":28},"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fdesign-elements#path"," element shaped the way you want the text to flow, for example an arc for a badge or a circle for a seal.",[22,31,32,33,36,37,39],{},"Select the text element, turn on ",[14,34,35],{},"Curved Text"," in its properties, and choose that path from the ",[14,38,16],{}," dropdown.",[10,41,42],{},"The text now runs along the path, and it still resizes and wraps by the same rules as any other text.",[10,44,45],{},[46,47],"img",{"alt":48,"src":49},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fdb1e11ad-fa03-4f5b-3e0e-25ee5734ff00\u002Fpublic",[10,51,52],{},"Two settings fine-tune how the text sits on the path:",[54,55,56,74],"ul",{},[22,57,58,61,62,65,66,69,70,73],{},[14,59,60],{},"Inner Glyph Anchor",": where the text sits along the path, at its ",[14,63,64],{},"Start",", ",[14,67,68],{},"Middle",", or ",[14,71,72],{},"End",".",[22,75,76,79,80,82,83,86,87,89],{},[14,77,78],{},"Baseline",": how the letters meet the line. ",[14,81,78],{}," rests them on it, ",[14,84,85],{},"Hanging"," lets them hang below it, and ",[14,88,68],{}," centres them on it.",{"title":48,"searchDepth":91,"depth":91,"links":92},2,[],"design-elements-and-tools","Bend a line of text along a Path element, like an arc or a circle.","md",[],{},true,130,"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fcurved-text","---\ntitle: \"Text: Curved text\"\ndescription: \"Bend a line of text along a Path element, like an arc or a circle.\"\ncategory: design-elements-and-tools\norder: 130\nkeywords: []\n---\nCurved text bends a line of text along a **Path** element instead of sitting in a straight box. You set it up in two steps:\n\n1. Add a [Path](\u002Fhelp\u002Fdesign-elements-and-tools\u002Fdesign-elements#path) element shaped the way you want the text to flow, for example an arc for a badge or a circle for a seal.\n2. Select the text element, turn on **Curved Text** in its properties, and choose that path from the **Path** dropdown.\n\nThe text now runs along the path, and it still resizes and wraps by the same rules as any other text.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fdb1e11ad-fa03-4f5b-3e0e-25ee5734ff00\u002Fpublic)\n\nTwo settings fine-tune how the text sits on the path:\n\n- **Inner Glyph Anchor**: where the text sits along the path, at its **Start**, **Middle**, or **End**.\n- **Baseline**: how the letters meet the line. **Baseline** rests them on it, **Hanging** lets them hang below it, and **Middle** centres them on it.\n",{"title":5,"description":94},"help\u002Fdesign-elements-and-tools\u002Fcurved-text","2026-06-15","O2ayrtz47qBMcuYrCPtm3gTJN_y8Pblx3ai--wgGQPg",1789292811302]