Component

Use of CSS Anchor Positioning is built into the global navigation, allowing micro-interactions to be easily set up.

In Chromium-based browsers, hovering over the links will animate an underline between the two, while browsers that don't support CSS Anchor Positioning will have display a static underline.

Theme & Typography
  • Support for page themes

  • Support for component themes

  • Fluid typography

  • Able to set the appropriate h tag of the component, to meet SEO needs of the page

  • Extensive image handling within components, including art direction and debugging info

  • Embedded video (YouTube or Vimeo) only loads if initiated by the user, and is aware when in/out of the viewport and when other videos are playing

  • mp4 video is aware when in/out of the viewport

  • Uses modern CSS, with fallback support for browsers that don't yet support Scroll-based Animations or Anchor Positioning

  • Respects a person's preference for reduced motion

  • Conditional JavaScript loading based on content requirements


  • Staging environment

  • Private section on Staging to display all component variations

  • Custom domain for CDN assets (requires Netlify hosting)

  • Manage Netlify headers file (for Basic Auth password protection)


  • Set site name for page title tag (managed in Storyblok)

  • Manage robots.txt file (managed in Storyblok)

  • Manage redirects (managed in Storyblok)

  • Auto-generated sitemap

  • Auto-generated trailing slash for all URLs

  • Set page Title (automatically defaults to page name)

  • Set page Description

  • Set Canonical URL

  • Remove site name from page Title (for custom SEO)

  • Set page theme

  • Prevent page from being indexed by search engines

  • Set OG Title (automatically defaults to page name)

  • Set OG Description (automatically defaults to page description)

  • Set OG image

  • Set Twitter/X Title (automatically defaults to page name)

  • Set Twitter/X Description (automatically defaults to page description)

  • Set Twitter/X image

  • Auto-generated WebSite and Organization schema

  • Auto-generated VideoObject schema

  • Auto-generated BlogPosting and Person schema

Island component content.