Stroke

The border or outline applied to shapes and text, defined by weight, color, and style like solid, dashed, or dotted. Strokes add definition, create contrast, or achieve specific visual styles like outlined buttons. Framer offers stroke controls including width, color, and position (inside, center, outside).

Related terms

Related terms

  • Visual Weight

    Design

    The perceived heaviness of an element based on size, color, contrast, and complexity, affecting visual balance. Understanding visual weight helps create balanced compositions without symmetry. Use visual weight to guide attention and establish hierarchy.

  • Combo Classes

    Design

    Combo Classes extend a base CSS class with targeted style changes, allowing reusable variants without duplicating entire style definitions.

  • Ascenders

    Typography

    Ascenders are upward strokes on lowercase letters that extend above the x-height and influence legibility and typographic rhythm.

  • Bowl

    Typography

    In typography, a Bowl is the rounded enclosed or partially enclosed stroke that forms letters like o, d, and p.

  • Descender

    Typography

    A Descender is a typographic stroke extending below the baseline in letters such as g, p, and y, affecting line spacing and readability.

  • Sans Serif

    Typography

    Sans Serif refers to letterforms without small finishing strokes, commonly chosen for modern, legible screen typography.

  • Serif

    Typography

    Serif typefaces include decorative terminal strokes that can convey tradition, credibility, and reading comfort in long-form text.

  • Code Completion

    AI

    Real-time or on-demand suggestions provided by an AI model as a developer types, ranging from single-word completions to entire function bodies. Modern tools like GitHub Copilot and Cursor use large language models to infer intent from surrounding code and comments. Code completion reduces keystrokes, surfaces patterns, and helps developers stay in flow—while requiring judgment about whether suggestions are correct and appropriate.

  • Design Prompting

    Design

  • Text decoration

    Typography

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