Skip to main content

Envoy

Purple and cyan tones paired with Plus Jakarta Sans headings, Inter body text, and JetBrains Mono for code blocks. Rounded shapes with comfortable spacing and elevated cards with soft shadows.

Why Use This Preset?

  • Purple and cyan palette so infrastructure documentation communicates reliability and modernity.
  • Elevated cards with the Compass navbar so visual hierarchy guides readers through complex topics.
  • Staggered reveals and hover effects so the site feels responsive and polished during navigation.

Preview

Envoy preset preview
Envoy preset — light and dark mode preview

Summary

Envoy is designed for infrastructure and relay service documentation. The cool purple palette communicates reliability while the elevated card depth adds visual hierarchy. Motion is set to normal speed with staggered reveals and hover effects enabled.

Configuration

The full default configuration for the Envoy preset:

ts
{
  preset: 'envoy',
  // Default values (no overrides needed):
  // colors.primary.light:    '#7c3aed'
  // colors.primary.dark:     '#7c3aed'
  // colors.secondary.light:  '#06b6d4'
  // colors.secondary.dark:   '#06b6d4'
  // colors.text.light:       '#18181b'
  // colors.text.dark:        '#e4e4e7'
  // colors.border.light:     '#d4d4d8'
  // colors.border.dark:      '#52525b'
  // colors.warning.light:    '#f59e0b'
  // colors.warning.dark:     '#f59e0b'
  // colors.danger.light:     '#ef4444'
  // colors.danger.dark:      '#ef4444'
  // fonts.display:           'Plus Jakarta Sans'
  // fonts.body:              'Inter'
  // fonts.code:              'JetBrains Mono'
  // navbar:                  'compass'
  // footer:                  'launchpad'
}

Overrides

Override any category to customize the Envoy identity. Unspecified values keep their defaults.

Envoy uses the Compass navbar and Launchpad footer.

SlotVariantDescription
NavbarcompassBrand on the left, navigation links beside it, with search and color-mode actions on the right.
FooterlaunchpadFooter with call-to-action emphasis and quick links.

Override the variant in the preset options:

docusaurus.config.ts
ts
{
  preset: 'envoy',
  overrides: {
    navbar: 'bridge',
    footer: 'commons',
  },
}

Available navbar variants:

  • bridge
  • canopy
  • compass
  • monolith

Available footer variants:

  • commons
  • embassy
  • launchpad
  • ledger