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

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:

{
  preset: 'envoy',
  // Default values (no overrides needed):
  // colors.primary:          '#7c3aed'
  // colors.accent:           '#06b6d4'
  // colors.neutral:          '#71717a'
  // fonts.display:           'Plus Jakarta Sans'
  // fonts.body:              'Inter'
  // fonts.code:              'JetBrains Mono'
  // shape.radius:            'rounded'
  // shape.density:           'comfortable'
  // depth.cards:             'elevated'
  // depth.codeBlocks:        'bordered'
  // motion.speed:            'normal'
  // motion.staggeredReveals: true
  // motion.hoverEffects:     true
  // navbar:                  'compass'
  // footer:                  'launchpad'
}

Overrides

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

Navbar and Footer

Envoy uses the Compass navbar and Launchpad footer.

Override the variant in the preset options:

{
  preset: 'envoy',
  overrides: {
    navbar: 'bridge',
    footer: 'commons',
  },
}

Available navbar variants:

• bridge
• canopy
• monolith
• compass

Available footer variants:

• commons
• embassy
• ledger
• launchpad