text and images while maintaining consistent styling. Framer’s built-in CMS supports Content Management System—a platform for creating, organizing, and publishing digital content without writing code for each update. A CMS separates content from design, allowing non-technical users to update collections, relationships, and dynamic pages for blogs, portfolios, and product catalogs.

An interactive element that collects user input through fields like text boxes, dropdowns, and checkboxes. Well-designed forms balance collecting necessary information with respecting user time and effort. Keep forms short, use clear labels, provide helpful validation messages, and consider progressive disclosure for complex forms.

Written content displayed on web pages, the primary means of communicating information to visitors. Quality text content is essential for engagement, SEO, and accessibility. Structure text with headings, short paragraphs, and scannable formatting.

A small text popup that appears when hovering over an element, providing additional context or explanation. Tooltips should contain brief, helpful information that isn't essential for basic usage. Remember tooltips don't work on touch devices—don't hide critical information in them.

A clickable connection between pages or resources, the fundamental navigation mechanism of the web. Hyperlinks should have descriptive text indicating their destination rather than generic ‘click here’ labels. Style links consistently with clear visual distinction from surrounding text.

A prominently styled button designed to attract clicks and drive users toward a conversion goal. Effective CTA buttons use contrasting colors, clear action-oriented text, and strategic placement. Test variations of your CTA—even small changes to wording or color can significantly impact click-through rates.

A word or phrase that users search for, targeted in content and SEO strategy to attract relevant traffic. Research keywords to understand user intent and competition before creating content. Incorporate keywords naturally in titles, headings, and body text without overstuffing.

Temporary content indicating where final content will appear, helping visualize layouts before content is ready. Placeholders can be lorem ipsum text, gray boxes, or sample images. Replace placeholders with real content before launch—they can accidentally go live.

A small preview image representing larger content, commonly used in galleries, lists, and navigation. Thumbnails help users identify content quickly without loading full-size media. Size thumbnails appropriately and use consistent aspect ratios.

The adjustment of space between individual letter pairs to achieve visually balanced text, particularly important in headlines and logos. Poor kerning creates awkward gaps or collisions that undermine professional appearance. Pay special attention to problematic pairs like AV, To, and We where mechanical spacing looks wrong.

Component Properties are exposed settings on reusable components that let editors and designers change values like text, states, visibility, or variants.

Framer text decoration helps designers style links, emphasis, and editorial details while keeping type treatments consistent across a site.

In Framer, balanced text can make headlines and supporting copy feel more intentional across screen sizes by reducing awkward single-word lines.

In Framer, tables in CMS rich text are useful for structured information like comparisons, specs, schedules, and reference data without building a separate custom layout for every entry.

In Framer CMS workflows, Markdown can help teams prepare content quickly before converting it into rich text, pages, or structured collection entries.

In Framer, code blocks help technical content stay readable by preserving indentation, syntax language, and visual contrast inside CMS-driven articles or reference pages.

In Framer CMS content, blockquotes help editors highlight excerpts, testimonials, callouts, or cited material while keeping the content semantically structured.