Prism Docs

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

  Draft

  Design tokens in Prism are the shared names behind every style. You pick a token by what it's for, and the theme fills in the value.

• 

  Shadow

  Draft

  Shadow in Prism is purpose driven. You pick a level by how far a surface sits above the page (resting, floating, or top layer) and the token sets the depth for you.

• 

  Spacing

  Draft

  Spacing in Prism is purpose driven. You pick a step by what the space does (inside a component, around content, or a component's size) and the 4px scale keeps it all in rhythm.

• 

  Typography

  Draft

  Typography in Prism is purpose driven. You pick a role (what the text does) and the token sets size, line height, and weight for you.