The top section of a webpage, typically containing the logo, main navigation, and key actions like sign-in buttons. Headers establish brand identity and provide consistent navigation across all pages. Design headers to be useful without overwhelming—users should find what they need without excessive visual competition.

Scalable Vector Graphics—an image format using mathematical paths instead of pixels, staying crisp at any size. SVGs are perfect for logos, icons, and illustrations that need to scale across different screen sizes and densities. Framer supports SVG import and handles them optimally for web delivery.

A lossless image format supporting transparency, best for graphics, logos, and images with sharp edges or text. PNG files are larger than JPEG for photos but preserve quality perfectly through editing and compression. Use PNG for graphics with transparency or when image quality is paramount.

Evidence of others’ positive experiences—testimonials, reviews, user counts, client logos—that builds trust with visitors. Social proof leverages psychological tendencies to follow others’ behavior. Display social proof prominently, especially near conversion points.

The adjustment of space between individual letter pairs to achieve visually balanced text, particularly important in headlines and logos. Poor kerning creates awkward gaps or collisions that undermine professional appearance. Pay special attention to problematic pairs like AV, To, and We where mechanical spacing looks wrong.

The study of how colors interact, combine, and influence perception, guiding designers in creating harmonious palettes that evoke specific emotions. Understanding complementary, analogous, and triadic color relationships helps create visually balanced designs. Apply color theory to establish brand moods and guide user attention to key elements.

Methods for combining shapes using union, subtract, intersect, or exclude operations to create complex vector graphics from simple shapes. These powerful tools enable creating custom icons, logos, and decorative elements without external software. Boolean operations are non-destructive in most design tools, allowing later modifications.

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

A Customer Journey maps each step a user takes across touchpoints before, during, and after conversion to identify friction and improve experience.

Framer tickers can add motion to marquees, partner logos, feature labels, and repeated content while preserving a clean editable layout.

In Framer, SVG animations can add lightweight motion to icons, illustrations, logos, and interface details while keeping visuals crisp at any size.