Anchor Link
A hyperlink that jumps to a specific section within the same page, identified by an ID attribute on the target element. These improve navigation on long pages by letting users skip directly to relevant content. In Framer, create anchor links by adding IDs to sections and linking to them with the # symbol followed by the ID name.
Link
Interaction
An interactive element that navigates users to another page, section, or resource when clicked. Links are the fundamental building blocks of web navigation and interconnected content. Style links consistently throughout your site with clear visual distinction from surrounding text.
External Link
General
A hyperlink pointing to a page on a different website, opening in a new tab by convention to maintain your site's presence. External links to authoritative sources can boost SEO by demonstrating content quality. Balance outbound links with internal linking to keep visitors engaged with your content.
Internal Link
SEO
A hyperlink pointing to another page within the same website, supporting navigation and distributing SEO value. Strong internal linking helps users discover related content and helps search engines understand site structure. Link to relevant pages naturally within content.
Affordance
Interaction
Visual cues that suggest how an element can be used, such as a raised button appearing clickable or an underlined word suggesting a link. Affordances draw on learned conventions and physical metaphors to make interfaces intuitive without instructions. Strong affordances reduce learning curves and help users discover functionality naturally.