Prism Docs

  • Getting started
  • Foundation
  • Components
  • Color
  • Data Visualization
  • Design Tokens
  • Shadow
  • Spacing
  • Typography

Foundation

  • Color

    Draft

    Color usage in Prism is purpose driven. You pick a role (what the color means) and a property (where it goes). The system behind it handles light, dark, and high-contrast for you.

  • Data Visualization

    Planned

    Guidelines for charts, graphs, and tables.

  • Design Tokens

    Planned

    The contract between design and engineering.

  • Shadow

    Planned

    A 4px-based spacing scale for consistent rhythm across all Lighthouse UI.

  • Spacing

    Planned

    The spacing scale used for padding, margins, and layout gaps across the design system.

  • Typography

    Planned

    Five-category type system built on Inter, following a 4px baseline grid — heading, paragraph, text, label, and tabular figures.