Skip to content
GaudiGaudi Design System home

Search documentation

Search every page, heading and paragraph.

Presets

gaudi, folio, graphite, contrast, pastel, midnight, grove and ember, each passing WCAG AA in both modes.

PresetCharacter
gaudiThe default, extracted from tokens.css; applying it changes nothing.
folioWarm editorial serif.
graphiteCool minimal mono, square and flat.
contrast7:1 body text.
pastelSoft and rounded.
midnightDark-first indigo.
groveNature.
emberVivid orange.
  • Gaudi

    The default Gaudi theme: neutral surfaces, functional blue accents, Inter and JetBrains Mono.

    Active
    Gaudi progress
  • Folio

    Warm editorial: cream paper, ink text, a terracotta accent and serif headings.

    Folio progress
  • Graphite

    Cool minimal: graphite accent, flat surfaces, square corners and monospace type.

    Graphite progress
  • High Contrast

    Maximum legibility: pure black and white, 7:1 text, strong borders and an amber focus.

    High Contrast progress
  • Pastel

    Soft and friendly: lavender-tinted surfaces, gentle tints and generous rounding.

    Pastel progress
  • Midnight

    Dark-first: deep indigo night surfaces, an electric accent and cyan focus.

    Midnight progress
  • Grove

    Nature: moss green on warm stone, ochre highlights and humanist type.

    Grove progress
  • Ember

    Bold and energetic: a vivid orange accent, grotesk type and confident elevation.

    Ember progress

Presets are JSON in themes/presets/ and shadcn registry items named theme-<id>. The CLI lists, checks and exports them:

gaudi-ds theme listgaudi-ds theme export folio --format shadcn