Skip to content

Product UI / Foundations

Color

Semantic tokens provide a restrained neutral canvas with sparse geological accents for orientation and identity.

published

Product interfaces consume semantic tokens. Geological accents remain sparse and never replace status colors.

Core tokens

  • background #FFFFFF Document canvas
  • shell #F7F8F6 Navigation chrome
  • card #FFFFFF Working surface
  • foreground #202321 Primary content
  • border #D9DEDA Structure and separation
  • kerogeni-brine #28737A Active orientation
  • kerogeni-core #755C3E Brand signature