Text Indent helps you create clean, editorial-style typography by adding either a traditional first line indent or a decorative drop cap to your paragraphs. It’s ideal for blogs, articles, storytelling layouts, and any long-form content where readability and visual hierarchy matter.
You can easily switch between indent styles, control the indent size or drop cap scale, customize fonts and colors, and adjust spacing between paragraphs. The component also supports multiple paragraphs by separating text with line breaks, making it easy to paste in longer content and style it instantly.
Everything is fully customizable from the Framer panel, so you can match the typography to your design system without writing any code.
Key FeaturesFirst line indent and drop cap modesCustom indent size for first line styleAdjustable drop cap size and font stylingSeparate font controls for body text and drop capText color and alignment controlsParagraph spacing adjustmentSupports multiple paragraphs via line breaksResponsive and lightweight
Use CasesBlog and article layoutsStorytelling and editorial sectionsAbout pages with long text blocksCase studies and reportsMagazine style landing pages
Best Practices / TipsUse first line indent for clean, minimal reading layoutsUse drop caps sparingly to highlight introductions or key sectionsIncrease paragraph spacing for better readability on mobilePair with wider line heights for long-form content
What’s IncludedOne Text Indent componentFirst line indent modeDrop cap mode with font and color controlsParagraph spacing and alignment options
Who It’s ForFramer designers building content-heavy pagesWriters creating long-form layoutsNo-code builders who want editorial typography without CSSDesigners focused on readability and layout polish