A reusable color value stored centrally and referenced throughout your design, enabling consistent branding and easy global updates. When you change a color variable, every element using it updates automatically. Framer's color variables support semantic naming like 'primary' and 'error' for maintainable design systems.

HyperText Markup Language—the standard code that structures web content using tags that define headings, paragraphs, links, and other elements. While Framer generates HTML automatically, understanding its structure helps with SEO, accessibility, and debugging. Semantic HTML using proper tags like header, nav, and main improves accessibility and search rankings.

Assistive software that converts on-screen content into speech or braille for people with visual impairments. Good screen-reader support requires htmlsemantic HTML, proper heading structure, and clear labels. Testing with screen readers helps catch accessibility issues early.

Designing and developing websites usable by people with various disabilities including visual, auditory, motor, and cognitive. Accessibility is both ethically important and often legally required. Build accessibility in from the start rather than retrofitting.

A Vector Database is optimized for indexing and querying high-dimensional vectors, commonly used for RAG and semantic search.

AI Layer Renaming automatically assigns meaningful layer names based on content and structure. This improves handoff, keeps files consistent with a Design System, and complements reusable Component Properties.