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.