Skip to main content

Nebula

Nebula is Kaluza's design system: a set of connected components, patterns and shared practices for building accessible, themeable products.

It is made up of:

  • Foundations: the building blocks of a UI (colour, typography, spacing, borders and layout), defined as design tokens in the theme.
  • Components: a catalogue of reusable, accessible React components.
  • Patterns: guidance on combining components to solve common problems, starting with forms.
  • Guides: how to build accessibly and how to theme Nebula.

Working from one shared catalogue means:

  • Teams spend less time rebuilding components and more time on customer problems.
  • Products look and behave consistently, which makes them easier to use.
  • Designers and developers share one language and one set of tools.
  • Components are built to meet WCAG AA accessibility standards.
  • Components are brand agnostic: a theme applies a brand's identity, so the same components work across brands.

For LLMs and AI agents: a plain-text index of this site is available at llms.txt.