The practice of designing websites that can be used by everyone, including people with visual, auditory, motor, or cognitive disabilities. Beyond being ethically important, accessibility improves SEO, expands your audience, and is legally required in many jurisdictions. Key practices include proper heading structure, alt text for images, sufficient color contrast, and navigationkeyboard navigation support.

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).

Web Content Accessibility Guidelines—international standards defining how to make web content accessible to people with disabilities. WCAG compliance is increasingly required legally and expands your potential audience. Aim for at least WCAG 2.1 AA conformance.

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.

The arrangement of elements to show their order of importance through size, color, contrast, and position. Strong hierarchy guides users through content in the intended order and highlights key actions. Squint at your design—hierarchy issues become obvious when details blur.

Analogous Colors are color combinations made from adjacent hues on the color wheel, often used to create cohesive and low-contrast visual systems.

A HEX Value is a web color notation like #RRGGBB used in CSS and design tools to represent exact RGB color values.

Readability describes how comfortably users can consume written content, influenced by typography, line length, spacing, and visual contrast.

Framer supports dark experiences through color choices, tokens, and component variants, making it easier to design interfaces that feel polished in low-light or high-contrast contexts.