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.

An Appendix is supplemental material attached to the end of a document or guide to provide deeper context, references, or background information.

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

Style Reference lets you guide the aesthetic of generated assets by pointing the model to example visuals. It is frequently combined with Reference Image inputs in Text-to-Image Generation workflows.

A Reference Image is a conditioning input that guides composition, structure, or aesthetics during generation. It is central to Style Reference workflows and Multi-image Conditioning.