A saved set of visual properties—colors, typography, effects—that can be applied consistently across elements. Styles enable design system consistency and make global updates efficient. In Framer, text and color styles ensure brand coherence throughout your project.

The initial appearance of an interface when empty of user content, requiring thoughtful design to guide action. Zero states should welcome users and clearly explain how to add content. Design engaging zero states that reduce new-user confusion.

A mathematical proportion of approximately 1:1.618 found throughout nature and art, often used to create aesthetically pleasing layouts. The golden ratio can guide element sizing, spacing, and composition decisions. While not a strict rule, it provides a starting point for harmonious proportions.

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.

A fictional character representing a target user group, created from research to guide design decisions around real needs. Personas help teams empathize with users and make consistent decisions aligned with user goals. Base personas on actual user research rather than assumptions.

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