Skip to content


Sibling theme for gatsby-theme-catalyst-core which adds a large style site header and navbar using latent component shadowing. Branding on the top, navigation on the bottom. Theme options are set set via gatsby-theme-catalyst-core, for example setting displaySiteTitle: false and displaySiteTitleMobile: false will only show the logo for branding.

Note this header does not support the useStickyHeader theme option. The header is static when in “desktop” view and “sticky” when in mobile view. This behaviour could be changed via variants if needed.


  • gatsby-starter-catalyst-helium

Catalyzing Start

gatsby new helium

Theme Options

useHeaderSocialLinkstrue or falseDefaults to true, controls whether the social links are displayed or not
useColorModetrue or falseDefaults to true, controls whether the dark mode toggle is available.

© 2021 Gatsby Theme Catalyst